(Three.js + Cannon.js)
3Design Concepts Engine is a real-time 3D browser-based simulation engine built with Three.js and Cannon.js, designed for architectural visualization, urban exploration, and spatial interaction.
It is optimized for mobile devices while maintaining high-quality rendering on desktop browsers.
The engine transforms architectural models into walkable, drivable, and explorable environments, enabling designers and students to experience space at human scale directly in the web browser.
you can load GLB files directly in the browser, including levels, characters, and vehicle models, which makes quick prototyping and experimentation much easier.
https://www.youtube.com/watch?v=0TZ3F1haDA0
to show the drag & drop modal click “construct” button:
use the test assets
-
Live Demo
https://theneoverse.web.app/#threeviewer&&crateria -
Source Code
https://theneoverse.web.app#pSN20251022019
Traditional architectural tools focus on static representation.
3Design Concepts Engine focuses on spatial experience.
It is designed to support:
- Architecture theses
- Urban design studies
- Virtual city prototyping
- Interactive design presentations
- Mobile architectural walkthroughs
The engine bridges SketchUp / Blender / Rhino workflows with real-time web-based environments.
The engine dynamically:
- Loads nearby assets
- Unloads distant objects
- Optimizes browser memory usage
This ensures smooth performance on mobile devices and reflects real architectural perception—only nearby space defines experience.
| Technology | Architectural Meaning |
|---|---|
| Three.js | Geometry, materials, form |
| Cannon.js | Gravity, mass, physical realism |
| Levels | Urban districts / design phases |
| Avatars | Human scale & circulation |
| Vehicles | Infrastructure & mobility |
| Rules | Program, constraints, behavior |
Together, they form a living architectural system, not just a game engine.
The engine follows non-violent interaction rules, ideal for academic and professional use:
- Walking & running
- Jumping & waving
- Driving vehicles
- Social presence & shared spaces
The focus remains on space, movement, and experience.
- Avatar parameters & movement
- Mixamo-rigged characters
- Ready Player Me avatars
- First-person & third-person navigation
Controls:
- Sky, lighting, shadows
- Water & environment effects
- Buildings, roads, bridges
- Platforms, islands, streetscapes
Acts as the digital site model.
- Vehicle chassis & wheels
- Physics-based movement
- Collision systems
- Urban circulation simulation
Defines:
- Health & stamina (rest, sleep, recovery)
- Economy (renting, services, insurance)
- Progression between design phases / levels
Mirrors architectural programming and constraints.
No installation.
No plugins.
Accessible on desktop and mobile browsers.
- Architectural thesis projects
- Virtual city environments
- Urban mobility studies
- Web-based design presentations
- Interactive spatial simulations
3Design Concepts Engine is not a game engine.
It is a real-time spatial design platform where architecture becomes interactive, experiential, and accessible through the web.