Flat, round, designer-friendly pseudo-3D engine for canvas & SVG
📝 more Zdog resources
+7
-3
+7
-3
README.md
+7
-3
README.md
···
76
76
77
77
Zdog is directly inspired by [Dogz](https://en.wikipedia.org/wiki/Petz), 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.](https://www.youtube.com/watch?v=6lKSn_cHw5k) Dogz were fully animated in real time, running, flopping, scratching (on Windows 3.1!). It was remarkable.
78
78
79
-
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.
79
+
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](https://www.khanacademy.org/computing/computer-programming/programming-games-visualizations/programming-3d-shapes/a/rotating-3d-shapes) by [Peter Collingridge](https://petercollingridge.appspot.com/3D-tutorial/rotating-objects).
80
80
81
81
Zdog is pronounced "Zee-dog" in American parlance or "Zed-dog" in British.
82
82
···
84
84
85
85
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](https://github.com/metafizzy/zdog/issues).
86
86
87
-
### Other Zdog repos
87
+
### More Zdog resources
88
88
89
-
+ [zdog-demos](https://github.com/metafizzy/zdog-demos) - Bigger, wilder Zdog demos
89
+
+ [Zdog demos CodePen Collection](https://github.com/metafizzy/zdog-demos) - Bigger, wilder Zdog demos
90
+
+ [zdog-demos](https://github.com/metafizzy/zdog-demos) - My repo for the bigger, wilder Zdog demos
91
+
+ [Made with Zdog CodePen Collection](https://codepen.io/collection/DzdGMe/) - Community Zdog creations
92
+
+ [Made with Zdog on Twitter](https://twitter.com/i/moments/1135000612356206592)
90
93
+ [zdog-docs](https://github.com/metafizzy/zdog-docs) - Documentation site source code for [zzz.dog](https://zzz.dog)
94
+
+ [zDogPy](https://github.com/gferreira/zdogpy) - Python port of Zdog for DrawBot
91
95
92
96
---
93
97