WebGL
3篇文章 · 0订阅
  • 形象化理解笛卡尔坐标系和极坐标系
    在学些 OpenGL 的 Shader 绘图时，有两个坐标体系是绕不开的，而传统的二维坐标系（笛卡尔坐标系）并不能承载「环绕闭环」的图形（如星星、花朵、雪花等），它们最大的特点就是围绕一个中心点做图形循环，这就是极坐标系能够轻而易举做到的事情。 为了能够更好的理解极坐标系，我自…
  • Shader 函数可视化
    在两个值之间取埃尔米特插值（Hermite interpolation）link，它的值永远是 0~1。 描述：在edge0和edge1之间取一个平缓的差值，在我们需要一个平滑的渐变的时候特别有用。当前值小于edge0，取值为0。当前值大于edge1，取值1。在这个区间内，取e…
    WebGL
  • 写 Shader 转场的几点思考
    转场效果在视频编辑工具中最为常见，在两段视频或图像之间增加一个「过渡」的效果，可以让整个过程更佳柔滑自然。常见的转场如渐变过渡、旋转、擦除等（下图为 iMovie 自带转场）： 简单解释下，假设我们的转场效果是从右往左切换（正如动图所示），切换的时机就是每轮动画的结束，对u_S…
    GitHub JavaScript 前端