Threejs3D Code Play

Threejs3D Code Play helps you learn Three.js by editing code and seeing the result as an interactive 3D scene. Start with an example, change its HTML and JavaScript, then run your version in the app.

LEARN THROUGH WORKING SCENES

Explore 99 examples across learning experiments and predefined animated scenes. Begin with shapes, materials, lighting and cameras, then investigate particles, shaders and interaction. Try a solar system, ocean waves or an animated abstract scene when you want a larger starting point.

Five learning paths organize examples into foundations, geometry, color and light, motion, and a creative workshop. Mark lessons complete, continue through a path, favorite useful examples and return to recently opened scenes.

EDIT, RUN AND INVESTIGATE

Open an example in the code editor or begin a new project with a Three.js import already in place. Use syntax highlighting, undo and redo, find and replace, and go to line while you work. Switch to Run preview to see the current code and inspect console messages or errors.

Drag to orbit and pinch to zoom in bundled scene previews. For scenes that support them, live controls let you explore color, animation speed, lighting, geometry and solid or gradient backgrounds. Available controls depend on the scene.

KEEP YOUR EXPERIMENTS

Save named projects and reopen them from Your projects. Open HTML files to continue editing existing work, or use Save as to keep a separate copy.

Export or share a project as HTML or ZIP. Exports include the recognized bundled Three.js libraries; custom external assets remain external. Extract a ZIP and serve its folder over HTTP to open the project outside the app.

ANIMATE YOUR WALLPAPER

On compatible Android devices with the required native support, send an animated scene to the system live wallpaper preview and confirm your choice there. Available wallpaper destinations depend on the device.

Built for students, hobbyists and web developers who want to practice 3D coding through small experiments. Bundled examples use local libraries; custom remote resources and advertising may require internet access. The app includes advertising.