Threejs3D Code Play

Code Play

Contains ads

About this app

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.

Ratings and reviews

Worth appreciation ! This app will grow in content gradually. Very good start though. Note to author : I would really appreciate if you can include or mention any learning link or support for Three Js, i am unable to get any learning material.

worst app while offline,irrating and opening pkaystore again and again if offline even u remove it from recents it is opening some problem with your html code play also

Great content for beginners but the volume of ads takes out the fun element. Wish this had lesser ads.