百科.dev
全部条目AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
Z

zdog

> 编程语言
开源

适合设计师使用的平面、圆形、伪 3D 引擎,用于 canvas 和 SVG

10.6K stars0 点赞2 次浏览
访问官网GitHub

工具介绍

适合设计师使用的平面、圆形、伪 3D 引擎,用于 canvas 和 SVG

Zdog

Round, flat, designer-friendly pseudo-3D engine

View complete documentation and live demos at zzz.dog.

Install

Download

  • zdog.dist.min.js minified, or
  • zdog.dist.js un-minified

CDN

Link directly to Zdog JS on unpkg.

<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script>

Package managers

npm: npm install zdog

Bower: bower install zdog

Hello world demo

Create 3D models with Zdog by adding shapes. See Getting started for a walk-through of this demo.

…

About Zdog

Hi, Dave here. I wanted to make a video game. I needed a 3D engine, but most engines were too powerful and complex for me. I made Zdog so I could design and display simple 3D models without a lot of overhead.

Zdog is directly inspired by Dogz, a virtual pet game by P.F. Magic released in 1995. It used flat 2D circle sprites to render the Dogz’ models, but in a 3D scene. See Dogz playthrough video here. Dogz were fully animated in real time, running, flopping, scratching (on Windows 3.1!). It was remarkable.

Zdog uses the same principle. It renders all shapes using the 2D drawing APIs in either <canvas> or <svg>. Spheres are actually dots. Toruses are actually circles. Capsules are actually thick lines. It’s a simple, but effective trick. The underlying 3D math comes from Rotating 3D Shapes by Peter Collingridge.

Zdog is pronounced "Zee-dog" in American parlance or "Zed-dog" in British.

Beta!

Zdog v1 is a beta-release, of sorts. This is my first time creating a 3D engine, so I probably got some stuff wrong. Expect lots of changes for v2. Provide input and select new features on the Zdog issue tracker on GitHub.

More Zdog resources

Other people's stuff:

  • Zfont - Text plugin for Zdog
  • vue-zdog - Vue wrapper for Zdog
  • zDogPy - Python port of Zdog for DrawBot
  • Made with Zdog CodePen Collection
  • Made with Zdog on Twitter

My stuff:

  • Zdog demos on CodePen, source code at zdog-demos
  • zdog-docs - Docs site source code

Licensed MIT. Made by Metafizzy

GitHub Issues· 0 开放

在 GitHub 查看全部

暂无开放 Issues,或尚未同步最近议题。

核心特点

  • •zdog.dist.min.js minified, or
  • •zdog.dist.js un-minified
  • •Zfont - Text plugin for Zdog
  • •vue-zdog - Vue wrapper for Zdog
  • •zDogPy - Python port of Zdog for DrawBot
  • •Made with Zdog CodePen Collection
  • •Made with Zdog on Twitter
  • •Zdog demos on CodePen, source code at zdog-demos
  • •zdog-docs - Docs site source code

> 标签

JavaScript3dcanvassvg

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言