How to use the 3D viewer

A quick guide for computer, iPad and phone. You can't break anything. Refresh the page to start over.

← Back to the model Printable 1-page PDF

The screen

The main screen on a computer
The main screen on a computer.
  1. ? How to use opens this guide.
  2. Hide panel hides the side panel to give the model more room. Tap it again to bring the panel back.
  3. Colors / B&W chip switches between colors and plain black-and-white.
  4. The hint bar reminds you of the moves.
  5. Show hidden brings back anything you hid.

Getting around

To do this🖱️ Mouse👆 Touch (iPad / phone)
Turn the modelClick and dragDrag with one finger
Slide the model (pan)Right-click and dragDrag with two fingers
Zoom in or outScroll the wheelPinch two fingers
Start overClick Reset view in the side panelTap Reset view

The Views buttons in the side panel jump to ready-made views: Show interior, Show exterior, Top view, 3D view and more.

Seeing inside

Auto-hide near walls

Zoom in close to the building. Walls between you and the room fade out by themselves. Turn this on or off with Auto-hide near wall in the side panel (see Layers below).

Hide one thing

Right-click (or long-press) a part to get this menu
Right-click (or long-press) a part to get this menu.

🖱️ Mouse

Right-click a part.

👆 Touch

Press and hold a part for about a second.
  1. Hide this hides just that one part.
  2. Hide all of this type hides every part like it (for example, every door).
  3. Show all hidden brings everything back.

Lost something? Use Show hidden at the top of the side panel, or refresh the page. (On a few projects this menu is not there yet. Use the Layers checkboxes instead.)

Layers

The side panel, scrolled down
The side panel, scrolled down.
  1. Auto-hide near wall: walls in your way fade out.
  2. Foundation: shows only the concrete foundation. Press Defaults to go back.
  3. Exterior concrete: shows or hides the slabs outside the building (aprons, walks, stoops).
  4. All on: shows every layer.
  5. All off: hides every layer.
  6. Defaults: back to how it started.
  7. Layer checkboxes: tick or untick a group, like Roof or Structure. Tap the ▸ arrow to see what's inside.

Can't see the panel? Tap Hide panel / ☰ Menu to open it again. On a phone the panel is at the top: scroll up.

Colors and finishes

Colors are picked in the side panel
Colors are picked in the side panel.
  1. 🎨 Colors (or Finishes) turns on the real colors and opens the color picker.
  2. B&W shows a plain black-and-white model. It's easier to see the shapes.
  3. Tap a part name (like Roof) to open its swatches. Tap a swatch to try it. Defaults puts the chosen colors back.

Some projects also have ▦ Rooms: tap it, then tap a room to go inside and try wall paint colors. Tap ← Back to building when done.

Getting info on a part

Click or tap any part to see what it is
Click or tap any part to see what it is.

🖱️ Mouse

Click a part once.

👆 Touch

Tap a part once (don't drag).
  1. The info box shows the part's name, layer and source.
  2. Tap × to close it.

On iPad or phone

iPad (sideways)
iPad (sideways).
Phone (upright)
Phone (upright).
  1. ? How to use is always at the top right of the model.
  2. The first time, a small tip appears. Tap × and it won't show again.
  3. The Colors / B&W chip sits at the bottom.
  4. Hide panel gives the model the whole screen.

One finger turns. Two fingers slide. Pinch to zoom. Press and hold to hide a part. Turning the iPad sideways gives the most room.

Troubleshooting

Slow to load

The model is large. Give it up to a minute on Wi-Fi. A progress bar shows while it loads. Close other tabs if it stalls.

Blank or white screen

Refresh the page. Use an up-to-date Safari, Chrome or Edge. On iPad, close other apps and try again.

Lost or turned around

Press Reset view in the side panel. Press Defaults to bring back the layers.

Start completely over

Refresh the page: F5 or Ctrl+R (Mac: ⌘+R). On iPad/phone, tap the ↻ arrow in the address bar.