Threejs Code Play

Learn how a 3D scene is built by changing the code that draws it. Threejs3D Code Play combines a Three.js example library with an editor and an in-app preview for hands-on practice. Choose a starting point Browse 99 examples, from basic geometry and materials to lighting, cameras, animation and interaction. Explore a rotating shape first, then try a galaxy, ocean, miniature solar system or other predefined scene. Each example can be opened in the editor so you can examine and adapt its code. Build a learning routine Follow five paths covering scene foundations, geometry, color and light, motion, and creative scenes. Mark an example complete as you finish it and move to the next lesson. Favorites and recently opened examples help you return to the experiments you want to revisit. Change code and compare the result Edit HTML and JavaScript with syntax highlighting, undo and redo, find and replace, and go to line. Run the current code in a separate preview tab and read console output when a scene needs investigation. Bundled previews support orbit and zoom gestures. Experiment visually Supported scenes expose controls for color, motion speed, lighting, geometry and background appearance. Try a solid background or adjust two gradient colors and their direction. Control availability varies with the scene; running the code again restores its defaults. Keep and share your work Save named projects for later editing. Share HTML or ZIP exports that include the recognized bundled Three.js libraries. Custom external assets are not collected into the export. Extract ZIP projects and serve the folder over HTTP when opening them elsewhere. On an iPhone running iOS 17 or later, with the required native plugin and Photos permission, capture a supported animated preview as a Live Photo. iOS determines whether a saved Live Photo can use motion as wallpaper. Use the app to practice web graphics, explore an unfamiliar rendering concept or develop a scene from an existing example. Bundled examples use local libraries. Custom remote resources and advertising may need internet access. The app includes advertising.