任意照片转 3D 场景

# 图片准备

  1. pixabay (opens new window) 获取免费图片

任意照片转 3D 场景

  1. 生成深度图 leiapix (opens new window)(AI 工具),下载 Depth Map

任意照片转 3D 场景

# 网页加载

  1. 使用 ThreeJS 加载一个平面
  2. 原图和深度图作为纹理加载
  3. 使用着色器材质渲染每一个像素
  4. 鼠标移动时微微改变原图纹理坐标

# 最终效果