2.5D 的 js 渲染引擎 Zdog

2019.06.08

随着伪 3D 的效果在世界范围内风靡(也叫2.5D ),这两天我看到有个的国外设计师 David DeSandro 开发了一个引擎 Zdog ,这个是引擎 Zdog 这个名字的由来 都非常有意思,作者对 Zdog 的定义是这样说的:



Round, flat, designer-friendly pseudo-3D engine for canvas & SVG
圆润的,扁平化的,对设计师友好的 canvas + SVG 伪 3D 引擎


作者说这个引擎的效果还非常初阶,因为 Zdog 是完全用 2D 对象投射到 3D 物体所在位置来渲染,所以 Z 轴层叠问题基本无解(当然官网也介绍了一些方法来缓解 Z-fighting)。位移旋转变形基本上像是在写 CSS 和 SVG,绑定父对象、建组、动画之类的基础功能也都有,但毕竟这就是一个未压缩也只有 28KB、不追求精确但求好玩的 JS 库,虽然支持的形状略少,建复杂模型不方便,但还是可以玩一玩的。