Skip to main content

First project

Build and publish a small AR scene in about ten minutes. Point a phone at a picture, a 3D object appears, and a tap makes it rise.

Bigger projects are built with the same steps.

1. Create a project​

Sign in at arclip.design and create a project. Studio opens with an empty space and one scene.

2. Choose when the scene appears​

Each scene has a trigger: the thing that makes it appear.

  1. Open Scenes in the left rail.
  2. Select your scene.
  3. Set its trigger to Image.
  4. Upload the picture you will print or show on another screen.
  5. Enter the picture's real width. AR Clip uses it to show your content at the right size.

All the triggers you can choose:

TriggerThe scene appears when
3Dstraight away — no AR, good for testing
Imagethe camera sees a picture you uploaded
QRa QR code is scanned
Surfacethe visitor places it on a floor or table
Facea face is detected
360°a panoramic environment opens

To pin content to a real place you scanned beforehand, use Surface with Use VPS turned on — see VPS scenes.

Use a detailed picture

Photos track well. A flat logo on white does not, because the camera has nothing to lock onto. Contrast and irregular detail matter more than resolution.

3. Add an object​

Open Layers & assets and drag a model onto the canvas. Or press + in the top bar to add a basic shape, such as a cube.

Move, rotate and scale it with the toolbar next to the selected object. The grid uses your project's units, so a one-metre cube is one metre wide next to the real picture.

4. Give it a material​

  1. With the object selected, find Material in the right-hand panel.
  2. Click the material slot. The Edit material panel opens.
  3. Keep the Standard type. Set a colour, then the roughness.

Roughness changes the look the most. Set it high for cloth and stone, and low for polished metal.

5. Make it react to a tap​

The object will rise when it is tapped. First save the raised position as a state, then switch to it from an event.

  1. With the object still selected, add a States component. Its first state holds the object as it is now.
  2. Click add state. The new state is selected. Move the object up by 0.2 m.
  3. Click the first state again. The object goes back down.
  4. Add an Events component. It already has one event, with the trigger Press on the object.
  5. Click the event to open it. Under On click or tap, click + add action and choose Set state.
  6. In State, pick the second state. Set Duration to 400 ms.

That is a full interaction, with no code.

Add a sound

Events have no step that plays a sound. To play one on a tap, use a patch: its Play sound node plays an audio file each time it runs → Patch editor.

Nothing runs while you edit

The editor shows your scene but does not run its logic, so animations do not get in your way. Press Preview to try it.

6. Preview​

Press Preview to see the project the way visitors will. Check the tap and the movement.

For a picture scene, preview on a phone and point it at the printed picture. On a computer you cannot see whether tracking holds at an angle, and that is usually what needs adjusting.

7. Publish​

Press Publish in the top bar. Your project becomes a link anyone can open. You get a ready-made address, and you can connect your own domain in project settings.

Publish again after every change. Visitors see the last published version, not your working copy.

Where to go from here​

You want to…Read
Know what every panel doesInterface
Organise a bigger projectScenes and spaces
Plan movement on a timelineAnimation
Build logic with values and conditionsPatch editor
Add buttons and a score displayUI editor
Understand how the engine behavesCreators Engine

Next: Interface — what every panel, bar and button in Studio does.