Home Features Gallery Guide Arcade Creatures ▶ Play Now

3D Map Builder Guide

Unleash your imagination. Learn to shape terrain, lay architecture, customize properties, and paint with AI seamless textures.

The Sandbox of Infinite Possibility

Welcome to the Kellians World Map Builder—a professional, browser-based 3D workspace where absolute design freedom meets multiplayer reality. Here, you aren't just adjusting shapes; you are designing environments where players can interact, shops can trade, and games can be played.

"From a simple garden fence to towering AI shops and cosmic planet backdrops, everything is possible with the builder tools."

Every builder starts with their own 3D plot of land. Using our custom Three.js editor engine, you can extrude walls, paint terrain elevations, drop custom furniture props, and use advanced tools like AI Floorplan Generators to lay down blueprint designs instantly.

Once you hit SAVE MAP, your changes sync in real-time. Any player exploring the live multiplayer world can walk straight onto your plot, jump onto the roofs you've elevated, sit on your benches, and buy items from your customized storefronts!

16×16 Plot Coordinates
🏗️

Real-Time WebGL Sandbox

Plot Boundaries

You begin with a default size plot grid. Expand your boundaries using the Expand action tool to give yourself extra building canvas!

Physically Active Roofs

Collision meshes are constructed automatically. When you build walls, columns, or rooms, players in the multiplayer world can walk, jump, and run directly on top of them.

AI storefronts

By placing a Shop entity, you can run a custom digital store where other players can spend Kelcoins. Add custom image signage and design custom dimensions.

Camera Controls

Orbit Left Click + Drag

Rotate the viewport around your map focus. Right-click and drag to pan, and scroll your wheel to zoom in and out.

Properties: Viewport focus

Structure Builder

Arch Click two points

Construct a curved span by clicking two separate points on the map. Excellent for entrances and grand gates.

Sliders: Scale, RotY, Width, Length
Column Single click

Drop vertical support pillars. Great for structuring porches, temple entryways, or building edges.

Sliders: Scale, RotY
Wall Click to lay

Erect flat walls. Can be customized with custom textures. Adjust thickness, length, and height to fit.

Sliders: Scale, RotY, Width, Length
Window Place on wall

Insert transparent glass window frames. Frame textures can be adjusted using the texture tool.

Sliders: Width, Height, RotY
Door Single click

Place doorways to rooms. Supports custom scaling and standard textures.

Sliders: Scale, RotY
Board Double-click to set

(Business Plots Only) Place digital billboard panels. Configure text, image links, and redirect URLs.

Sliders: Scale, RotY, Text / URL
📦
Models Custom upload

Drop fully-featured custom 3D models (GLB). Upload your own creations or pick from the default asset library.

Sliders: Scale, RotY
🪞
Items Open props shelf

Open a catalog of internal furniture and scenery props: beds, sofas, lamps, baths, round rugs, arcade units, and pool tables.

Sliders: Scale, RotY, Width, Height, Light Intensity
Building Stretchable box

Place a compound solid building volume featuring doors, steps, and automatic roof floors that player characters can scale and explore.

Sliders: Scale, RotY, Width, Depth, Height
🏪
Shops Interactive storefront

Build a commercial storefront. Set a shop name, customize signage, choose sell options, and trade items with other players for Kelcoins.

Sliders: Scale, RotY, Width, Depth, Height
🧱
Quick Build Drag to extrude

Quickly design a room layout by dragging a boundary box on the ground grid to extrude a roofless building template instantly.

Sliders: Scale, RotY, Width, Depth, Height

Ground Cover

Surface Drag to draw

Place textured flat surfaces on the ground. Customize the surface texture, scale, width, length, rotation, and opacity using the selection controls.

Sliders: Scale, Width, Length, Rotation, Opacity, Texture Customization

Landscape & Water

Fence Drag to draw

Span picket-style fences along borders or yards. Custom textures can be applied to change the color/material.

Sliders: Scale, RotY, Width, Length
Hedge Drag to grow

Grow lush hedgerow boundaries. Blocky foliage boundaries that match standard landscaping gardens.

Sliders: Scale, RotY, Width, Length
🚧
Gate Single click

Place barricades or custom security gates. Combine with fences to seal your garden borders.

Sliders: Scale, RotY
Terrain Click / drag ground

Sculpt the actual heightmap terrain! Click and drag upwards to form hills and peaks, or downwards to dig deep trenches.

Properties: Vertex heights
🏊
Pool Single click

Place an excavated swimming pool complete with custom liquid water shaders. Scale to any size.

Sliders: Scale, RotY
🌊
Water Brush Drag to paint

Paint physical bodies of water. Perfect for building custom lakes, wrapping canals around buildings, or making fish ponds.

Properties: Water volume

Actions & Commands

Select Click object

Select any placed object to modify it. Selected objects display custom handles/gizmos for position dragging and reveal the properties sidebar.

Features: Edit sliders panel
Sel All Ctrl + A

Selects every single object on your plot simultaneously. Great for bulk deletions or general scaling operations.

Features: Bulk selection highlight
Expand Expand bounds

Expands your overall plot borders to widen your building space. All objects are shifted automatically to align relative to the new workspace.

Features: Map coordinate shift
Delete Delete Key

Instantly deletes whatever items are currently selected. Can be reverted using the Undo function.

Action: Removes from 3D scene
Undo Ctrl + Z

Revert your last placements, movements, modifications, or deletions step-by-step using the session history stack.

Features: Reverts last command
Texture Open textures panel

Opens the texture selection pane to apply tiles, woods, brick walls, and concrete textures onto highlighted or selected meshes.

Features: Drag & Drop, AI Texture Maker
🤖
AI Floorplan Generate layout

Let the AI helper draw out a full building floorplan blueprint dynamically. Great for getting instant layout inspiration.

Action: Populates structural walls
🗑️
Delete All Dangerous wipe

Clear your entire plot, deleting all placed items, segments, and structural meshes to start building from scratch.

Action: Resets plot state

Viewport & Settings

Grid Toggle floor lines

Toggles the standard grid overlay on the floor. Useful for ensuring architectural alignments and sizing bounds.

State: Visible / Invisible
Cutaway Toggle inner view

Hides any walls that are directly facing the camera (Sims-style). Crucial for decorating or viewing rooms internally.

State: Sims view active / solid
🔍
Solid / Wire Opacity slider

Fades the entire scene into a wireframe model layout. Allows you to check overlapping bounds, select complex meshes, or inspect alignment details.

Sliders: 0% to 100% Wireframe mode
Suggest Developer ticket

Opens the feedback forum directly in the editor. Send recommendations for new tools, report bugs, or upvote ideas.

Features: Real-time feedback sync
No tools match your search query. Try typing something else!

🔄 Rotation (Yaw, Pitch, Roll)

Every placed object can be spun 360 degrees around its vertical center. Adjusting rotation ensures alignments and matches doors and columns to walls.

  • Standard range: 0° to 355° in increments of 5° for rapid snapping.
  • Precision objects: Billboards support exact 1° angle modifications.
  • Atmospheric positioning: Sky Planets feature both azimuth (yaw rotation) and elevation (pitch rotation) sliders so they can hover anywhere in the horizon.
Rotation 180°
Drag to rotate the object on its Y-axis. Hold Shift for increments.

📐 Sizing & Dimensional Extrusion

Unlike basic grids, the builder lets you stretch components along specific axes rather than forcing uniform scaling.

  • Scale: Sets the global volume multiplier uniformly (e.g. shrink props to 0.4x size or expand models to 10x size).
  • Width, Depth & Length: Stretches structural blocks (walls, roads, pools, shops, quickbuilds) along their X and Z coordinates without distorting boundary meshes.
  • Height: Extrude room outlines, shops, columns, and walls higher or lower to build multi-floor structures.
Height / Extrusion 4.5m
Change the height bounds. Automatically creates walk areas for roof exploration.

🛗 Height Hover & Elevation

Need objects to float, hover on walls, or sit on upper roofs? Elevation sliders lift meshes cleanly off the floor coordinates.

  • Plot Elevation (Hover): Found in the top toolbar. Setting this lifts the entire plot ground, eliminating gaps and creating hovering structures.
  • Item Elevation (Hover): Lift individual props (e.g., picture frames, celestial planets, or lights) off the ground grid.
  • Roof Collisions: Placing items on rooftops automatically snaps them to the roof height, allowing walk zones.
Elevation (Hover) 1.5m
Raises the target object above the ground coordinates.
Workflow 1

Drag & Drop Repainting

Repainting walls, fences, windows, and floors is fully visual. Open the 🎨 Textures panel on the right side of your editor.

Choose any thumbnail texture (brick, concrete, shingles, wooden tiles, steel plates), click and hold, then drag your mouse directly over the 3D scene grid.

All paintable objects in your plot will glow with a violet highlight. Hover over a highlighted surface, release your mouse button, and the texture applies instantly!

🖱️ Click Texture ➔ Drag to 3D Canvas ➔ Release on glowing object
Workflow 2

Custom Image Uploads

Want a unique wallpaper, your company logo, or specific brick patterns? You can upload custom images from your hard drive.

In the textures panel, drag and drop any image file (JPEG, PNG, WebP) directly into the dashed upload dropzone, or click the dropzone to browse your computer.

The image is automatically parsed and added as a custom thumbnail in your texture grid, ready for immediate mapping onto walls and items.

📂 Drop jpeg/png into upload box ➔ Click to apply
Workflow 3

🪄 Gemini AI Texture Maker

Can't find the perfect texture pattern? Generate seamless custom textures dynamically using Gemini artificial intelligence.

Simply type what you need (e.g. "weathered red roof tiles", "cyberpunk glowing cyan circuit lines", "ancient mossy oak floorboards") into the prompt field and click Gen.

The AI generates a seamless texture on the fly, uploads it to your personal library, and adds it to your thumbnails grid for placement.

Gemini Prompt
cyberpunk neon copper grids...
🪄 GENERATE SEAMLESS TEXTURE

🍂 Dynamic Seasons & Particle Effects

Change the seasonal environment of your plot with a single click. The builder renders unique shaders and custom particle effects for each season:

  • ☀️ Summer: Default mode. Bright sunshine, lush green grass, and full leaf foliage on trees.
  • 🍂 Autumn: Renders warm golden-orange shades across the terrain and trees, accompanied by falling leaf particle systems that blow with the wind.
  • ❄️ Winter: Blends snow overlays onto all objects and surfaces, triggers realistic falling snow particle systems, and casts a cool, frosty atmosphere.
Selected Season
Clicking these buttons toggles between green forests, falling leaves, or snowstorms.

🌍 Environment & Weather Sliders

Control the atmosphere of your space dynamically using fine-tuned environment inputs inside the Dropdown menu:

  • ☀️ Day / 🌙 Night: Transitions the world from midday brightness to deep night. At night, light-emitting objects (streetlights, neons, window textures) automatically illuminate.
  • ☁️ Clouds: Adjusts the density and visibility of the clouds traveling across the sky dome.
  • 🌧️ Rain: Increases rain particle density, introducing misty atmospheric fog.
  • 💨 Wind: Elevates wind speed, causing leaves, snow, and rain to blow sideways, while increasing vegetation movement.
  • ⚡ Thunder: Controls storm intensity, triggering sudden bright lightning flashes that temporarily illuminate the scene.
  • 🌊 Water Depth: Changes the elevation level of water planes, allowing you to flood canals, build deep lakes, or raise dry land.
☀️ Day / 🌙 Night 0.75 (Twilight)
🌊 Water Depth 1.20m
💨 Wind Speed 0.40 (Breeze)

🎨 Custom Sky Color Customization

Toggle the Custom Sky Colors switch to override the default procedural sky dome and design your own personalized aesthetic:

  • 🌌 Zenith Color: Sets the color of the sky dome at its highest vertical point.
  • 🌅 Horizon Color: Determines the sky color near the floor horizon line.
  • 🌫️ Fog Color: Adjusts the color of distance fog blending into the horizon.
  • 💡 Ambient Color: Controls the color of ambient environmental bounce lighting cast on objects.
  • ☀️ Sun Color: Defines the direct highlight color of the main directional light source.
🎨 Custom Sky Colors
🌌 Zenith Color
#1060B8
🌅 Horizon Color
#60B0E8
🌫️ Fog Color
#60B0E8
💡 Ambient Color
#8899AA
☀️ Sun Color
#FFF4E0

🚀 Plot Hover Height & Performance

Control the elevation of your entire plot in the world and optimize performance metrics dynamically:

  • 🚀 Hover Height Slider: Elevates your entire plot grid above the standard ground plane (from 0 to 100 meters). Perfect for designing floating castles, high-tech flying airships, or isolated platforms. Players can teleport or use ladders to reach elevated platforms.
  • ⚡ High Perf vs 🐢 Low Perf Toggle: Activates or deactivates complex lighting pipelines. High performance mode utilizes realistic soft shadows, volumetric lighting, and dense environmental particle overlays. Low performance mode optimizes memory consumption and shadows for a smoother experience on low-end hardware.
🚀 Hover Height 35m
⚡ High Perf
🐢 Low Perf