Tu primer proyecto
Vamos a hacer una escena AR con marcador: apuntas el móvil a una imagen, aparece un objeto 3D y suena un audio al tocarlo. Todo lo de aquí sirve igual para proyectos más grandes.
1. Crea el proyecto
Entra en arclip.design y crea un proyecto. Llegarás a Studio con un space vacío y una escena.
2. Elige qué hace aparecer la escena
Abre Scenes en la barra izquierda, selecciona tu escena y define su disparador:
| Disparador | La escena aparece cuando… |
|---|---|
| 3D | al instante — sin AR, práctico para probar |
| Image | la cámara ve una imagen que hayas subido |
| QR | se escanea un código QR |
| Surface | el visitante la coloca en un suelo o una mesa |
| Face | se detecta una cara |
| 360 | se abre un entorno panorámico |
Elige Image y sube la imagen que vayas a imprimir o mostrar en otra pantalla. Indica su ancho real: así sabe el motor a qué escala debe estar tu contenido.
Una fotografía se rastrea bien. Un logotipo plano sobre blanco no: la cámara no tiene de qué agarrarse. Lo que importa es el contraste y el detalle irregular, no la resolución.
3. Añade algo que se vea
Abre Layers and assets y arrastra un modelo al lienzo — o usa el botón + de la barra superior para añadir una primitiva.
Mueve, rota y escala con las herramientas que aparecen junto a la selección. La rejilla está en las unidades de tu proyecto, así que un cubo de un metro mide de verdad un metro respecto al marcador.
4. Dale un material
Con el objeto seleccionado, busca Material en el panel derecho y pulsa Edit.
Standard es el valor por defecto correcto: pon un color y luego la roughness. La roughness es el
ajuste que más trabajo hace — alta para tela y piedra, baja para metal pulido.
5. Haz que reaccione
Sin soltar la selección, añade un componente Events y dentro un evento:
- Disparador: on click
- Paso: reproducir sonido — elige un archivo de audio
- Paso: animación de transformación — subir 0,2 m en 400 ms
Eso ya es una interacción completa, sin escribir código.
El editor dibuja tu escena pero deliberadamente no ejecuta la lógica — si no, las animaciones te pelearían el control mientras trabajas. Pulsa Preview para probarlo.
6. Preview
Preview abre tu experiencia tal y como la ve un visitante. Prueba el toque, el sonido, la animación.
Una escena con marcador míralas en el móvil, apuntando a la imagen impresa: en el escritorio no se ve si el seguimiento aguanta en ángulo, que es justo lo que suele hacer falta ajustar.
7. Publica
Publish en la barra superior convierte tu proyecto en un enlace que puede abrir cualquiera. Recibes una dirección lista, y puedes conectar un dominio propio en los ajustes del proyecto.
Vuelve a publicar tras cada cambio: los visitantes ven la última versión publicada, no tu copia de trabajo.
Por dónde seguir
| Quieres… | Lee |
|---|---|
| Saber qué hace cada panel | Recorrido por la interfaz |
| Organizar un proyecto más grande | Escenas y spaces |
| Coreografiar movimiento | Animation Controller |
| Construir lógica con valores y condiciones | Patch Editor |
| Añadir botones y un marcador | UI Editor |
| Entender cómo se comporta el motor | Creators Engine |
Siguiente: Recorrido por la interfaz