这是什么东西？
Zdog 是一个圆润、扁平、对设计师友好的网页伪 3D 引擎：你用 JavaScript 添加各种形状来搭建 3D 模型，它再通过 2D 绘图 API 把模型渲染到 canvas 或 SVG 上。
Zdog 是一个圆润、扁平、对设计师友好的网页伪 3D 引擎：你用 JavaScript 添加各种形状来搭建 3D 模型，它再通过 2D 绘图 API 把模型渲染到 canvas 或 SVG 上。它是真正的 3D 引擎吗？还是说「伪 3D」是什么意思？它其实是个小技巧：Zdog 把扁平的 2D 形状摆放在 3D 空间里来绘制——球体其实就是一个个圆点，圆环就是圆形，胶囊体就是粗线条。旋转的计算是真正的 3D 数学，只有渲染出来的画面是扁平的，原理和启发它的 1995 年游戏 Dogz 一样。
它其实是个小技巧：Zdog 把扁平的 2D 形状摆放在 3D 空间里来绘制——球体其实就是一个个圆点，圆环就是圆形，胶囊体就是粗线条。旋转的计算是真正的 3D 数学，只有渲染出来的画面是扁平的，原理和启发它的 1995 年游戏 Dogz 一样。我怎么把它加到网页里？可以用 npm install zdog 安装（Bower 也可以），从 unpkg CDN 引入 zdog.dist.min.js，或者直接下载文件。文档和在线演示都在 zzz.dog 上。
可以用 npm install zdog 安装（Bower 也可以），从 unpkg CDN 引入 zdog.dist.min.js，或者直接下载文件。文档和在线演示都在 zzz.dog 上。它需要其他库或者构建步骤吗？不需要。它就是一个纯 JavaScript 文件，没有任何运行时依赖，加一个 script 标签或者跑一次 npm install 就够了。
不需要。它就是一个纯 JavaScript 文件，没有任何运行时依赖，加一个 script 标签或者跑一次 npm install 就够了。它稳定吗？还是还在改动？把它当成 beta 版来看：作者称 v1「算是某种意义上的 beta 版」，并表示 v2 会有大量改动，所以 API 可能会变。
把它当成 beta 版来看：作者称 v1「算是某种意义上的 beta 版」，并表示 v2 会有大量改动，所以 API 可能会变。作者为什么不直接用现成的 3D 引擎，而要自己写一个？Metafizzy 的 Dave 本来想做一款视频游戏，但发现真正的引擎太强大也太复杂，于是他做了 Zdog，用很少的开销就能设计和展示简单的 3D 模型。它的灵感直接来自 1995 年的虚拟宠物游戏 Dogz。
Metafizzy 的 Dave 本来想做一款视频游戏，但发现真正的引擎太强大也太复杂，于是他做了 Zdog，用很少的开销就能设计和展示简单的 3D 模型。它的灵感直接来自 1995 年的虚拟宠物游戏 Dogz。怎么用它搭建模型？你通过在代码里往场景中添加形状来创建模型——球体、圆环、胶囊体之类。zzz.dog 上的 Getting started 指南会带你完整走一遍 hello-world 演示。
你通过在代码里往场景中添加形状来创建模型——球体、圆环、胶囊体之类。zzz.dog 上的 Getting started 指南会带你完整走一遍 hello-world 演示。它周边有生态吗？有：Zfont 是文字插件，vue-zdog 是 Vue 的封装，zDogPy 是面向 DrawBot 的 Python 移植版，另外还有 Made with Zdog 的 CodePen 和 Twitter 合集可以找灵感。
有：Zfont 是文字插件，vue-zdog 是 Vue 的封装，zDogPy 是面向 DrawBot 的 Python 移植版，另外还有 Made with Zdog 的 CodePen 和 Twitter 合集可以找灵感。Zdog 怎么读？美式读法是「Zee-dog」，英式读法是「Zed-dog」。
美式读法是「Zee-dog」，英式读法是「Zed-dog」。What are similar projects?matter-js, paper.js, pixijs, particles.js, rough, mojs, WebGL-Fluid-Simulation, phaser
matter-js, paper.js, pixijs, particles.js, rough, mojs, WebGL-Fluid-Simulation, phaserWhich topics is it in?2d, zero-dependency, creative-coding, canvas, rendering, game-development, svg, graphics, 3d, design, javascript-library, animation
2d, zero-dependency, creative-coding, canvas, rendering, game-development, svg, graphics, 3d, design, javascript-library, animation