+Integration
SpriteCook+Three.js
Three.js renders 3D, and SpriteCook makes the 2D art that dresses it. Seamless textures, transparent sprites, and sprite-sheet animations drop in as textures and billboards, crisp with nearest filtering.
Textures for your surfaces
SpriteCook makes seamless, tileable textures and detailed art you can map onto planes, floors, and walls. Set the texture filter to nearest and the pixels stay crisp.
Sprites and billboards
Transparent PNG characters and props drop in as THREE.Sprite billboards or textured planes, so your 2D art lives inside a 3D scene.
Sprite-sheet animation
Animations come back as sprite sheets. Step through the frames with UV offsets to animate a sprite in three dimensions.
Guides and docs
Generate seamless textures
Make tileable textures to wrap onto 3D surfaces.
Generate art from your editor
Use the MCP to make textures and sprites while you code.
Animate detailed and HD art
Higher-resolution art for close-up surfaces and props.
Slice sprite sheets and animations
How sheets are packed, and how to split them into separate frames.
Common questions
Does SpriteCook export to Three.js?
Three.js is a 3D library and SpriteCook makes 2D art, so there is no dedicated export. The transparent PNGs, seamless textures, and sprite sheets load straight in as textures and sprites.
How do I keep pixel art crisp in Three.js?
Set the texture’s magFilter and minFilter to NearestFilter so it does not blur when scaled up onto geometry.
Can I animate a sprite in Three.js?
Yes. Export an animation as a sprite sheet, then step through the frames by offsetting the texture’s UV coordinates over time.
Can SpriteCook make 3D models?
No. SpriteCook makes 2D art, both pixel and detailed. You would model 3D elsewhere, and use SpriteCook for the textures, sprites, and UI in that scene.
Make textures and sprites for your 3D scene
Generate seamless textures and sprites in under a minute, then load them straight into Three.js.
Start creating free