Shader 动画和 Canvas 动画原理是一样的，通过定时器循环渲染，并改变画布中图形的属性来实现动画。 一些 Shader 编辑器都已经实现好了定时器的功能，同时会传递一些跟时间相关的值给到着色器代码中，如 ShaderToy 中与时间相关的属性是 iTime/iTime…

了解完高斯模糊之后，接下来看看运动模糊。 什么是运动模糊？ 根据百科的定义：动态模糊或运动模糊是静态场景或一系列的图片像电影或是动画中快速移动的物体造成明显的模糊拖动痕迹。 摄影机的工作原理是在很短的时间里把场景在胶片上曝光。场景中的光线投射在胶片上，引起化学反应，最终产生图片…

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

友情提示：该篇文字较多，比较适合对 OpenGL 知之甚少的同学阅读，已经有相关经验的大佬可以溜了😝，闲言少叙，直入正题。 该专题如未特殊说明，默认使用核心模式，OpenGL 的版本在3.3以上即可。 一般它被认为是一个API (Application Programming…

本文通过模仿抖音中几种特效的实现，来讲解 GLSL 的实际应用。 本文的灵感来自于 《当一个 Android 开发玩抖音玩疯了之后(二)》 这篇文章。 这位博主在 Android 平台上，通过自己的分析，尝试还原了抖音上的几种视频特效。他是通过「部分 GLSL 代码 + 部分 …

Metal 是 Apple 开发的一款图形引擎。本文将对比 OpenGL，详细介绍 Metal 的对象模型以及开发思想，旨在帮助 OpenGL 开发者更容易地转向 Metal 开发。 由于 Metal 与 OpenGL 同为底层图形引擎，因此阅读本文需要一定的图形基础。本文假定…