Getting Started with Eon

Head to game.olyeon.com/editor.html. The editor loads right in your browser — no install needed.

You'll see the editor interface with four main areas:

• Toolbar (top) — File operations, Play, Publish, Settings, and your account.
• Hierarchy (left) — A list of all objects (entities) in your scene. Also has tabs for Messages, Logic, and Quests.
• Viewport (center) — The 3D view where you see and interact with your scene.
• Inspector (right) — When you select an object, its properties and components appear here.
• Bottom Panel — Tabs for Shapes, Triggers, Assets, Blocks, Presets, and Audio. Also contains transform tools (Move/Rotate/Scale) and snapping settings.

Get comfortable moving around the 3D viewport:

• Right-click + drag — Rotate the camera.
• WASD — Fly the camera forward, left, back, right.
• Q / E — Move the camera down / up.
• Scroll wheel — Zoom in and out (adjusts fly speed).
• Shift — Hold to fly faster.

Start placing objects to build your world.

Adding Shapes

In the Bottom Panel, click the Shapes tab. You'll see primitive shapes: Box, Sphere, Cylinder, Cone, Wedge, and Torus.

1. Click a shape card (e.g. Box).
2. Click anywhere in the viewport to place it.
3. The shape appears in your scene and in the Hierarchy.

Moving & Transforming

Click an object to select it. The Move gizmo appears — drag the colored arrows to reposition it:

• Red arrow = X axis, Green arrow = Y axis (up), Blue arrow = Z axis.
• Switch modes: 1 Move, 2 Rotate, 3 Scale (or use the buttons in the bottom bar).
• Hold Shift while dragging to snap to grid.

Editing Properties

Select any object and look at the Inspector panel on the right. Here you can:

• Set exact position, rotation, and scale values.
• Change the material and color.
• Rename the entity.
• Add or remove components (more on that in Step 6).

Importing 3D Models

Click the Assets tab in the bottom panel. You can import .glb, .obj, and .vxb (voxel) files. Drag and drop a file, or use the import button. Once imported, click the asset card to place it in your scene.

Every game needs a place for players to start. Without a spawn point, players won't know where to appear.

1. In the bottom panel Shapes tab, find the Spawn card (it has a flag icon).
2. Click it, then click in your scene to place the spawn point.
3. Position it where you want players to appear — usually on top of a platform or ground surface.

The spawn point shows as a translucent marker in the editor but is invisible during gameplay.

Time to see your creation from a player's perspective!

1. Click the ▶ Play button in the toolbar (or press F5).
2. You'll drop into the game at your spawn point with full player controls: WASD to move, Space to jump, mouse to look around.
3. Walk around, test the feel. Does the scale feel right? Can you reach everything?
4. Press Escape to exit play mode and return to the editor.

Play mode uses the same physics and systems that players will experience in the published game. If something feels off, go back and adjust.

This is where Eon gets powerful. Select any object and use the "+ Add Component" button in the Inspector to attach gameplay behaviors.

Here are some components to try first:

• Collider — Makes the object solid so players can walk on it and bump into it. Most shapes get this automatically.
• Interactable — Lets players press E to interact with the object. Triggers events you define.
• Door — Makes the object a door that opens and closes when triggered.
• NPC — Turns the object into a non-player character with patrol routes and dialogue.
• TriggerZone — An invisible area that fires events when a player enters (teleports, kill zones, checkpoints).
• PlaySound — Plays a sound effect or music when triggered.

You can also add Trigger zones from the Triggers tab in the bottom panel. Ready-made options include: Teleport, Kill Zone, Race Start, Race End, and Checkpoint.

Setting Up a Race (Example)

1. From the Triggers tab, place a Race Start trigger zone at your starting line.
2. Place one or more Checkpoint triggers along the route.
3. Place a Race End trigger at the finish line.
4. Add a Race Course entity (from Shapes → more options) to tie them together.
5. Test in Play Mode — you'll see lap timers and a leaderboard.

Saving

You have several save options:

• Ctrl+S or Save button — Saves to your browser's local storage. Quick but only available on this device.
• ☁ Save (cloud icon) — Saves to your account in the cloud. Access from any device. Requires login.

The editor also autosaves periodically so you won't lose work if your browser crashes.

Creating an Account

If you haven't already, click the account button in the top-right toolbar to sign up. You can register with email, or sign in with Discord, Google, Twitter/X, or MetaMask.

Publishing Your Game

1. Click the green 📤 Publish button in the toolbar.
2. Fill in your game's title and description.
3. Upload a thumbnail (or capture one from the current viewport).
4. Choose visibility: Public (on discover page), Unlisted (link only), or Unpublished (draft).
5. Click Publish.

Your game is now live! You'll get a shareable link that anyone can use to jump in and play. Find it on the Discover page alongside other community creations.