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.
- Open Scenes in the left rail.
- Select your scene.
- Set its trigger to Image.
- Upload the picture you will print or show on another screen.
- Enter the picture's real width. AR Clip uses it to show your content at the right size.
All the triggers you can choose:
| Trigger | The scene appears when |
|---|---|
| 3D | straight away — no AR, good for testing |
| Image | the camera sees a picture you uploaded |
| QR | a QR code is scanned |
| Surface | the visitor places it on a floor or table |
| Face | a 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.
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
- With the object selected, find Material in the right-hand panel.
- Click the material slot. The Edit material panel opens.
- 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.
- With the object still selected, add a States component. Its first state holds the object as it is now.
- Click add state. The new state is selected. Move the object up by 0.2 m.
- Click the first state again. The object goes back down.
- Add an Events component. It already has one event, with the trigger Press on the object.
- Click the event to open it. Under On click or tap, click + add action and choose Set state.
- In State, pick the second state. Set Duration to 400 ms.
That is a full interaction, with no code.
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.
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 does | Interface |
| Organise a bigger project | Scenes and spaces |
| Plan movement on a timeline | Animation |
| Build logic with values and conditions | Patch editor |
| Add buttons and a score display | UI editor |
| Understand how the engine behaves | Creators Engine |
Next: Interface — what every panel, bar and button in Studio does.