Turning 3D models to voxel art with Three.js

Final demo for the tutorial on how to turn glTF models to voxels with Three.js

Article on Codrops

Demo

Installation

No package manager / build system is needed since both Three.js modules and GSAP lib are imported with CDN + import map. You can run the page as it is on local server (any web server, really).

The page is using the following libs:

• Three.js + their addons OrbitControls, GLTFLoader and RoundedBoxGeometry, more info

• GSAP to handle transitions between 3D models more info

Credits

• Chili Pepper by jeremy [CC-BY] via Poly Pizza
• Chicken by jeremy [CC-BY] via Poly Pizza
• Cherry by Poly by Google [CC-BY] via Poly Pizza
• Banana Bundle by BlenderVoyage
• Bonsai by Don Carson [CC-BY] via Poly Pizza
• Egg sunny side up by Poly by Google [CC-BY] [CC-BY] via Poly Pizza

Misc

Follow Ksenia: Twitter, Codepen, website, Instagram

Follow Codrops: Twitter, Facebook, GitHub, Instagram

License

MIT

Made with 💙 by Codrops