threejs-instancing-images

Visualizing images at scale in 3D space in the browser using an image atlas / sprite sheet and Three.js instancing.

Demo / StackBlitz

https://user-images.githubusercontent.com/17507891/212344200-00c1e8b1-2700-4ad5-b676-7a6e2e82ca47.mp4

Built using SvelteKit and Threlte.

Pokemon sprite images are taken from https://github.com/msikma/pokesprite.

References

• Fluffy predator with THREE.js & instanced geometry, Nicolas Barradeau
• Visualizing TSNE Maps with Three.js, Douglas Duhaime