Fake3D && Depth Map && Cocos Creator Shader

让 2D 图像展示虚拟 3D 的效果。

效果

随着鼠标移动，一张2d图片表现出3d动态的效果。

动图

 效果预览

视频

https://www.bilibili.com/video/BV1Xy4y1L7s6

视频预览

实现

原理

程序是处理输入和输出的，我们要明确各个条件和结果。

• 输入条件

• • 一张图片

  • 该图片的深度纹理(越白越近，越黑越远)

  • 鼠标移动的位置

• 处理

• • 片段着色器处理（根据深度纹理与鼠标位置对原图片采样偏移处理）

• 输出

• • 根据鼠标位置，图片出现3d动态的效果

 原理

代码

参考 https://github.com/a