Three Maps Editor
vibe-stack.github.io- Category
- Developer Tools
- Rank
- No. 1627Tools index
- Pricing
- Free
- Type
- APP
- Use case
- Design & Media
- Interfaces
- Web
- Builder
- @vibe-stack
- GitHub
- 96 stars
- Date
About
A 3D editing tool for creating and manipulating 3D scenes and objects. Features camera controls, object management, and scene editing capabilities for 3D content creation.
What it does
Three Maps turns rough level ideas into editable spatial blockouts. Start from a top-down floor plan or paint geometry quickly, then refine meshes through object-level or vertex, edge, and face selection. Work stays reactive across the interface and can be saved as a compressed, browser-generated scene archive.
Why it's ranked here
Its scope is unusually coherent for rapid game blockout: floor-plan sketching, quick geometry placement, hierarchical scenes, mesh editing, sculpt tools, materials, terrain graphs, and camera state share one browser workspace. The strongest case is experimentation speed. The weaker case is interchange, since its scene format is proprietary and asset support remains incomplete.
What's good
The data model goes beyond primitive placement. It preserves stable object identifiers, hierarchy, transforms, materials, viewport settings, and selection state across exports. Editing covers component selection, axis-constrained transforms, modeling operations, and many sculpt brushes. Terrain and shader graphs add procedural depth, while client-side ZIP handling avoids requiring a server for scene files.
Tradeoffs
The custom scene archive limits compatibility with established content pipelines. Its documented assets folder is reserved for future use, while binary assets currently live in browser memory. Text generation is explicitly a placeholder that creates box geometry per character rather than loading real fonts. The package is private and exposes no documented library, command-line, or service interface.
How to use it well
Use it for designers or developers who need fast browser-based level sketches before committing to production geometry. Begin in the floor-plan or quick-brush workflow, refine important forms in edit mode, then preserve iterations through scene exports. Do not treat it as a general asset interchange layer, finished typography system, or reusable programming library.
Technical notes+
src/app/page.tsx mounts a client-only editor beneath StoreProvider and ShortcutProvider. src/stores/index.ts composes separate Zustand stores for geometry, selection, viewport, scenes, and modifiers. src/types/t3d.ts defines the ZIP-backed T3D scene schema, including meshes, materials, hierarchy, viewport, lights, cameras, particles, forces, fluids, animation, and floor plans. src/stores/files-store.ts keeps binary blobs in a module-level map and derives content identifiers with SHA-256. src/stores/text-store.ts marks proper font loading as unfinished and currently builds extruded boxes for non-space characters. package.json declares a private Next.js application and its installed Next version differs from the older version named in README.md.
Observed
- License
- MIT
- Primary language
- TypeScript
- Interface
- Browser-based web application
- Install surface
- Private npm package with development, build, start, and lint scripts
- Scene format
- Custom T3D ZIP archive containing JSON scene data
- Core stack
- Next.js, React, Three.js, React Three Fiber, Zustand, and Tailwind CSS
- File handling
- Scene import and export run entirely client-side using JSZip
Read from README.md, package.json, src/app/page.tsx, src/types/t3d.ts, src/app/layout.tsx, src/stores/index.ts, src/types/shader.ts, src/types/terrain.ts, src/types/geometry.ts, src/config/donations.ts, src/stores/text-store.ts, src/stores/tool-store.ts, src/components/switch.tsx, src/stores/files-store.ts, src/stores/fluid-store.ts.
What it can do
Create 3D objects and scenes
User modeling commands and parameters → 3D objects and scenes
Manipulate and transform 3D objects
Existing 3D objects and transformation parameters → Modified 3D objects with updated positions, rotations, or scales
Control camera viewpoints and navigation
Camera movement commands and view parameters → Different viewing angles and perspectives of the 3D scene
Edit 3D scene composition
Scene elements and editing commands → Arranged 3D scene with positioned objects
Manage object properties and attributes
3D objects and property modification commands → Objects with updated materials, textures, or other attributes
Save and export 3D content
Completed 3D scenes and objects → 3D files in various formats for use in other applications
Tags
Tech Stack
Comments (0)
No comments yet
Editorially curated, with community endorsements as a secondary signal. Corrections welcome.