Dioramas 3D Studio

Plan cinematic 3D worlds from the real 20-example gallery, briefs, engine layers and asset pipeline.

Dioramas 3D Studio — plan cinematic 3D worlds from the real 20-example gallery, briefs, engine layers and asset pipeline

How to use Dioramas 3D Studio

  1. Browse the 20 example worlds and filter by interaction type, from scroll dives to press-and-hold reveals
  2. Open a world to see its signature interaction, scene and the engine modules behind it
  3. Draft a brief in the repo's own format: brand, signature interaction, scene and art direction
  4. Cost the asset pipeline at about $1.20 per textured model and copy the run commands
  5. Copy the brief and run it locally with npm install and npm run dev

Features

  • All 20 real Dioramas example worlds with their signature interactions from the repo README
  • Brief builder in the repo's own docs/briefs format, with copy and download
  • Asset pipeline planner: Nano Banana 2 to Meshy 7.1 to optimize.mjs, with a $1.20 per model estimator
  • Engine guide for the real src/core modules: volumetric spotlights, planar reflections, scroll choreography
  • Run commands for a local install, including the FAL_KEY setup for generation

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.