在学些 OpenGL 的 Shader 绘图时，有两个坐标体系是绕不开的，而传统的二维坐标系（笛卡尔坐标系）并不能承载「环绕闭环」的图形（如星星、花朵、雪花等），它们最大的特点就是围绕一个中心点做图形循环，这就是极坐标系能够轻而易举做到的事情。 为了能够更好的理解极坐标系，我自…

通过几个月的 Shader学习，看到一些酷炫大屏效果时，感觉我上我也行。本文将列举一些实现/学习的小效果， 当然这种用 shader直接渲染的方法一定是计算性能相对较大的，但是在编写过程中发现其实时渲

本文使用Three.js实现一个可以应用到实际项目中的3D在线看房案例，通过本文你将学到的知识包括：使用 Three.js 实现多个场景的加载和场景间的丝滑过渡切换、在线看房小地图原理实现等……

前端这么大，与其不断的去讨论JS的一百种编写方法，不如来3D世界搞搞新意思吧，这里有意思的东西特别多！！！

本文简单介绍了shader, webgl, 渲染管线等概念，编写了一个shader版本的hello world程序

转场效果在视频编辑工具中最为常见，在两段视频或图像之间增加一个「过渡」的效果，可以让整个过程更佳柔滑自然。常见的转场如渐变过渡、旋转、擦除等（下图为 iMovie 自带转场）： 简单解释下，假设我们的转场效果是从右往左切换（正如动图所示），切换的时机就是每轮动画的结束，对u_S…

在之前的文章中提及了 Shader 中的颜色计算，介绍了一些基本的颜色混合计算，然而在实际的 Shader 滤镜中，简单到加减乘除并不能很好地还原出我们想要的效果，mix()也只是其中一个选择。 回顾一下，平时拿到设计师提供的设计稿，都能看到他们在 Photoshop 中应用了…

正式开启 Three.js Shader 教程，在本篇文章里带大家看看几何体上的顶点属性，介绍下 GLSL 基础、顶点着色器、片元着色器等内容。

本文内容主要包括了解什么是着色器、为什么要使用着色器、GLSL 语言的基本语法规则、理解顶点着色器、片元着色器、掌握Attributes、Varyings、Uniforms的区别，两种着色器材质用法等