Premier projet

Créez et publiez une petite scène AR en une dizaine de minutes. On pointe un téléphone vers une image, un objet 3D apparaît, et d'un toucher, il s'élève.

Les projets plus ambitieux se construisent avec les mêmes étapes.

1. Créer un projet

Connectez-vous sur arclip.design et créez un projet. Studio s'ouvre avec un espace vide et une scène.

2. Choisir quand la scène apparaît

Chaque scène a un déclencheur : ce qui la fait apparaître.

1. Ouvrez Scenes dans la barre latérale gauche.
2. Sélectionnez votre scène.
3. Choisissez le déclencheur Image.
4. Importez l'image que vous allez imprimer ou afficher sur un autre écran.
5. Indiquez la largeur réelle de l'image. AR Clip s'en sert pour afficher votre contenu à la bonne taille.

Tous les déclencheurs disponibles :

Déclencheur	La scène apparaît quand
3D	tout de suite — sans AR, pratique pour tester
Image	la caméra voit une image que vous avez importée
QR	un QR code est scanné
Surface	le visiteur la pose sur un sol ou une table
Face	un visage est détecté
360°	un environnement panoramique s'ouvre

Pour ancrer du contenu dans un lieu réel que vous avez scanné au préalable, utilisez Surface en activant Use VPS — voir Scènes VPS.

Choisissez une image riche en détails

Une photo est facile à suivre pour la caméra. Un logo plat sur fond blanc, non : la caméra n'a rien à quoi s'accrocher. Le contraste et les détails irréguliers comptent plus que la résolution.

3. Ajouter un objet

Ouvrez Layers & assets et faites glisser un modèle sur le canevas. Ou cliquez sur + dans la barre du haut pour ajouter une forme simple, comme un cube.

Déplacez-le, faites-le pivoter et redimensionnez-le avec la barre d'outils qui apparaît à côté de l'objet sélectionné. La grille utilise les unités de votre projet : un cube d'un mètre mesure donc un mètre de large à côté de l'image réelle.

4. Lui donner un matériau

1. L'objet étant sélectionné, repérez Material dans le panneau de droite.
2. Cliquez sur l'emplacement du matériau. Le panneau Edit material s'ouvre.
3. Gardez le type Standard. Choisissez une couleur, puis la rugosité.

C'est la rugosité qui change le plus l'apparence. Mettez-la haute pour du tissu ou de la pierre, et basse pour du métal poli.

5. Le faire réagir au toucher

L'objet s'élèvera quand on le touche. Enregistrez d'abord la position haute comme état, puis passez à cet état depuis un événement.

1. L'objet toujours sélectionné, ajoutez un composant States. Son premier état garde l'objet tel qu'il est maintenant.
2. Cliquez sur add state. Le nouvel état est sélectionné. Montez l'objet de 0,2 m.
3. Cliquez de nouveau sur le premier état. L'objet redescend.
4. Ajoutez un composant Events. Il contient déjà un événement, avec le déclencheur Press on the object.
5. Cliquez sur l'événement pour l'ouvrir. Sous On click or tap, cliquez sur + add action et choisissez Set state.
6. Dans State, choisissez le deuxième état. Réglez Duration sur 400 ms.

Voilà une interaction complète, sans code.

Ajouter un son

Les événements n'ont aucune étape qui joue un son. Pour en jouer un au toucher, passez par un patch : son nœud Play sound joue un fichier audio à chaque exécution → Patch editor.

Rien ne s'exécute pendant l'édition

L'éditeur affiche votre scène mais n'exécute pas sa logique : les animations ne vous gênent donc pas. Cliquez sur Preview pour la tester.

6. Prévisualiser

Cliquez sur Preview pour voir le projet comme le verront les visiteurs. Vérifiez le toucher et le mouvement.

Pour une scène avec image, prévisualisez sur un téléphone et pointez-le vers l'image imprimée. Sur un ordinateur, impossible de savoir si le suivi tient quand on regarde en biais, et c'est généralement ce qu'il faut ajuster.

7. Publier

Cliquez sur Publish dans la barre du haut. Votre projet devient un lien que tout le monde peut ouvrir. Vous obtenez une adresse prête à l'emploi, et vous pouvez connecter votre propre domaine dans les réglages du projet.

Republiez après chaque modification. Les visiteurs voient la dernière version publiée, pas votre copie de travail.

Et ensuite

Vous voulez…	Lisez
Savoir à quoi sert chaque panneau	Interface
Organiser un projet plus important	Scènes et espaces
Organiser les mouvements sur une timeline	Animation
Construire une logique avec des valeurs et conditions	Patch editor
Ajouter des boutons et un affichage de score	UI editor
Comprendre le comportement du moteur	Creators Engine

---

Suite : Interface — à quoi servent chaque panneau, chaque barre et chaque bouton de Studio.