Playground Open on desktop to edit. The Playground needs a mouse, a keyboard and a wider screen. Here you can look at the scene.
Shaders DesignLater Motion SoundLater
Drag a card, or Enter to apply
Drag a card onto an object or a stack. Or select an object in the outliner, then press Enter or Space on a card to apply it: a shader card becomes its material, a motion preset joins its modifiers, a post card joins the scene's post effects. Escape goes back to the outliner.
01 ColorNew Linear sky Gradients New RGB vs OKLab ramp Gradients 02 ShapeNew Soft dot Circles, boxes & lines New Pulsing ring Circles, boxes & lines New Rounded UI button 2D SDF composition New Sphere–box smooth blend Raymarched 3D shapes 03 PatternNew Checkerboard Grids & tiling New Stained glass Voronoi cells 04 MaterialsNew Cliff rock Triplanar mapping New Wood rings Wood & marble 05 ElementsNew Sky clouds Clouds & smoke (2D) New Candle Fire & flames 06 LightNew Single sun Diffuse (Lambert) New Rim light Fresnel New Hologram Fresnel New Plastic Specular highlights 07 RevealNew Burning edge Dissolve New Linear wipe Wipes & transitions New Scanner pulse World-space scan 08 DistortNew Whirlpool Swirl, pinch & bulge New Waving flag UV warping New Post Heat haze UV warping , post effect New Ocean swell Vertex displacement 09 StylizeNew Post 1-bit dither Posterize & dither , post effect New Two-band anime Toon / cel shading New Inverted-hull outline Outlines New Post Sobel ink lines Outlines , post effect 10 AtmosphereNew Post Exponential fog Distance & height fog , post effect 11 LensNew Post Old film Vignette & film grain , post effect New Post Neon bloom Bloom , post effect New Post Separable Gaussian Blur , post effect Presets Spin Rotation · linear loop Float Position · ease in-out Pulse Scale · ease out, then back Drop Position · bounce keyframes Param pulse Material parameter · ease in-out Stand-in presets until the Motion field has its own cards. Transform presets will export as glTF animation; a parameter pulse needs your engine's snippet.
Select an object in the outliner or the viewport to give it a material and motion.
Post effects Scene Post effects aren't drawn in the viewport yet; the stack keeps their order and parameters.
Alt ↑ ↓ reorder · Del remove
Parameters Pick a layer above to tune it.
Your files never leave this device. The Playground reads them in the browser and keeps them in this browser's storage. Nothing is uploaded; there is no server.
No files yet. Drop a model, an image, an HDR or a sound anywhere on the Playground.
Browsers can clear this storage when space runs low, and files over 50 MB fill it fast. Keep your original files.
This browser keeps these files until you delete them. Still, keep your original files.
Large Add to scene Delete Download a .glb and its bundle The geometry with standard PBR materials, each card baked into textures, transform motion as glTF animation, and each card's snippets for your platform, with a readme saying what was baked and what needs the snippets. Made here, on your device.
Project file The scene and your files in one .ccplay file. It reopens here, in any browser.
Browsers can clear site storage when space runs low. A project file is your copy.
Share link The scene's settings in the link itself: objects, cards, parameters, stacks and camera. No server involved.
Full bake Baked neutral Snippet only glTF animation