How to Use Course Layout Maker

1.The screen

The screen has three main areas: the canvas in the middle where you build the course, the part buttons on the left (below the canvas on phones), and the menu at the top. On a wide PC screen, a 3D preview also appears on the right.

• Canvas (center) … Shows your course from directly above. Parts are drawn white with an outline; parts you have colored are shown in their color
• Part buttons (left / bottom on phones) … Buttons for straights, corners and more. Tap one to add it to the course
• Top menu … ↶ Undo ↷ Redo 📁 Courses 🔗 Share View in 3D ⋯
• ⋯ (More) … Seam lines, 🗑 Clear all, 🌙 Dark mode, 📖 How to use, 🌐 日本語 (switch the display language) and more
• 3D preview (right, PC only) … Updates as you edit. Drag to rotate it, and use ⛶ at its top right to fit the whole course back into view
• Area size (top left) … Enter the size of your room or table to see whether the course fits (chapter 8)

2.Building a course (basics)

There is only one thing to do: tap a part button and it snaps onto the end of the course. No need to adjust its position or angle.

1. A new course starts with a single start straight
2. Tap “Corner 45° (L)” twice → the course turns 90°
3. Keep tapping parts to extend the course

If you make a mistake

• ↶ Undo reverts the last edit and ↷ Redo brings it back (on PC: Ctrl+Z / Ctrl+Y)
• Right-clicking the canvas (long-press on phones) also undoes one step

3.Closing the loop and total length

A race course should be a closed loop that returns to the start. The app always calculates how far off the loop currently is.

1. Tap … parts · … m total ▼ at the top left of the canvas
2. When the Position, Heading and Height under “Loop closure error” are all zero, it shows “Loop closed ✓”
3. If the loop is off, the “Balance check” shows which directions have too many parts (and what to add to cancel them out)
4. If a few parts can close it, you will see “Add these … part(s) at the end to close the loop”. Press ⚑ Close the loop to add them automatically

4.Replacing and deleting parts

Tap a placed part to select it. You can then replace just that part with another one, or delete it.

1. Tap one part on the canvas (it gets a green outline)
2. Replace: tap a part button → the selected part is swapped and the rest of the course reconnects automatically
3. Delete: tap 🗑 Delete in the bar → the course closes up automatically (the start straight cannot be deleted)
4. To stop, tap Deselect

5.Start position and driving direction

The checkered pattern marks the start and the green arrow shows the driving direction. You can change the start position, the course orientation, the driving direction and the end you add parts to.

• Move the start … Select a straight → ⚑ Set as start
• Rotate the whole course … ↺↻ rotate it 45° at a time
• Which end to add to … Green ＋ = the end ahead in the driving direction (tail), Blue ＋ = behind the start (head). Choose which end new parts go on

Reversing the driving direction (⇄)

• Press ⇄ to reverse only the driving direction — every part stays where it is
• Directional parts such as slopes and lane-change jumps get a ⟲ mark, meaning they now face against the driving direction (an uphill slope is driven downhill after reversing)
• Selecting a part with ⟲ shows “⟲ Backwards (placed against the driving direction)” in the action bar
• Parts you add after reversing are placed the right way round for the new driving direction (an up slope goes up, a jump points forward)

6.Editing a section (rebuilding the middle)

Use this when you want to rebuild just one stretch. Select a range and only that part becomes editable. The app remembers the rest of the course and reconnects it afterwards.

1. Tap ✂ Edit section at the bottom left of the canvas (a help card appears the first time)
2. Tap the first part → last part of the range you want to rebuild
3. Tap Edit this range → the range is removed and you can rebuild from there
4. Add parts until you reach the green connector; when it says “✓ Reached connector”, tap Connect & finish. If you tap Finish (append rest to end) without reaching it, the rest of the course follows your new end
5. Tap Cancel to revert everything. ? shows the help card at any time

7.Adding elevation (making a hill)

Recreate the common trick of propping up straights or corners to make a hill. The selected range becomes a gentle hill rising (or falling) by one slope unit (110mm).

1. ✂ Edit section → tap to select the range you want to tilt
2. Tap ⛰ Add elevation
3. Choose ⤴ Up +110mm or ⤵ Down −110mm

• To remove it, select the same range and tap ⛰ Remove elevation
• Not available for ranges containing slopes, banks or other parts with built-in elevation
• Elevation also counts toward the “Height” of the loop closure error (the loop only closes if it comes back down somewhere)

8.Fitting the layout into your area

Enter the size of your room or venue and a frame and a badge tell you whether the course fits.

1. Turn on ☑ Area size at the top left and enter W × D (m)
2. The canvas shows the area frame (green) and the actual size of the layout (orange dashed line)
3. If it fits you will see “✓ Fits within the area”; if it sticks out, the frame turns red with “⚠ Exceeds area”

L-, T- or U-shaped rooms (custom area)

1. Tap ⊞ below the area size → the settings open (reopen them later with ⊞ Edit shape)
2. Enter W, D and the grid size to show the grid
3. Tap the cells where the course cannot go (furniture, pillars and so on) → if the course touches a painted cell, it counts as exceeding the area
4. In this mode the frame stays fixed and you can drag the whole course to any position inside it. ▭ switches back to a plain rectangle

9.Auto layout

This feature builds a closed loop that fits your area automatically. You can generate from scratch or close a course you have started.

1. Turn on the area size and tap 🎲 Auto layout
2. From scratch: set the min total length (3 lanes), the number of lane changes, the max height and rules (e.g. “Slope (up) → Straight × 2”), then press 🎲 Generate
3. Close my layout: joins the two open ends of your current course with the shortest sequence of parts (the start stays where it is)
4. Not happy? Press 🎲 Reroll. Like it? Press Use this layout (or Apply this connection when closing your layout)

• Turn on “Stay within registered stock” to keep within your part stock
• “Use My Sections (count)” inserts your own saved part combinations a set number of times
• Bank parts are not used by the generator. To add them, swap them in afterwards with section editing

10.Viewing in 3D

Tap View in 3D in the top menu to see the course in 3D. Slopes, elevation and overpasses are clear at a glance.

• Camera … Drag to rotate, right-drag (two fingers on phones) to pan, wheel or pinch to zoom
• Fit view ⛶ … The button at the top right brings the whole course back into view. The camera does not move when you add parts, so use it when you lose track of the course (the 3D preview on PC has one too)
• Brightness … Adjust it with the ☀ slider at the top right
• Driving preview … ▶ Drive runs the camera once around the course (■ Stop ends it). Switch between Low, High and Car view with “📷 Drive camera” in ⋯
• Coloring … 🎨 Colors lets you color parts by type, or just the one part you tap in 3D. In “Paint mode” you can tap parts one after another to paint them (applied to 2D, 3D and the share card)
• Display settings … Fine-tune the look with “🏞 Realistic” and “🧩 Seam lines” in ⋯

11.Sharing (URL, QR and event cards)

Use 🔗 Share to hand out your course as an image, a URL or a QR code. No sign-up is needed — the layout data is stored inside the URL itself.

1. Tap 🔗 Share in the top menu
2. Choose the course image (2D top view / 3D view) and the card format (Social 16:9 / Print A4+QR). The print format includes a QR code that opens the course when scanned
3. Choose the look: White track (Gray draws white parts in gray so they stand out / White keeps them white) and Background of the course image (Light / Dark)
4. Fill in Event, Shop, Date, Venue, Organizer, Contact, Free comment and the Schedule to turn it into an event announcement card (only the fields you fill in appear on the image)
5. Hand it out with Share (your phone's share menu), Save image, 🖨 Print (A4 portrait) or Copy URL

12.Handy features

Part stock

Register how many of each part you own with 📦 Set part stock in the stats panel. The part buttons then show how many are left, so you can build within what you have (blank = unlimited). The auto layout also has a “Stay within registered stock” option.

My Sections / Named Parts

Save part combinations you use often (for example slope → straight → slope) and place them with a single tap. Press ＋ New My Section or ＋ New Named Part below the part buttons, then tap the range to save, start → end. A My Section is placed as ordinary connected parts, while a Named Part is placed as one group with its name shown on the course (handy for representing parts the app does not include, using a similar shape plus a name).

2D view modes

Switch between Fit all and Edit point at the top right of the canvas. “Edit point” keeps the add point centered at a fixed zoom, which is handy for editing large courses. In “Fit all” you can also zoom freely with the wheel or a pinch.

Saving and managing courses

📁 Courses lets you keep several courses and switch between them. You can search by name or note, sort (recently updated, longest, by mark and more), change the view mode (Detail / Compact / Gallery), add favorite marks and notes, and duplicate or delete courses.

Data is stored only in this device's browser. Back up to a file with 📤 Export all courses and load it with 📥 Import from file (also useful when moving to a new device).

Display options

From the ⋯ menu you can switch between dark and light mode, change the seam lines and switch the display language (日本語 / English).

13.FAQ