Votre premier projet
Nous allons réaliser une scène AR basée sur un marqueur : on pointe un téléphone vers une image, un objet 3D apparaît et un son se déclenche au toucher. Tout ce qui suit s'applique aussi aux projets plus grands.
1. Créez le projet
Connectez-vous sur arclip.design et créez un projet. Vous arrivez dans Studio, avec un space vide et une scène.
2. Choisissez ce qui fait apparaître la scène
Ouvrez Scenes dans la barre de gauche, sélectionnez votre scène et définissez son déclencheur :
| Déclencheur | La scène apparaît quand… |
|---|---|
| 3D | immédiatement — pas d'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 |
Choisissez Image et importez l'image que vous imprimerez ou afficherez sur un autre écran. Indiquez sa largeur réelle : c'est ainsi que le moteur connaît l'échelle de votre contenu.
Une photographie se suit très bien. Un logo plat sur fond blanc, non : la caméra n'a rien à quoi s'accrocher. Ce qui compte, c'est le contraste et le détail irrégulier, pas la résolution.
3. Ajoutez quelque chose à voir
Ouvrez Layers and assets et faites glisser un modèle sur le canevas — ou utilisez le bouton + de la barre supérieure pour ajouter une primitive.
Déplacez, tournez et redimensionnez avec les outils qui apparaissent près de la sélection. La grille est dans les unités de votre projet : un cube d'un mètre fait vraiment un mètre par rapport au marqueur.
4. Donnez-lui un matériau
L'objet sélectionné, trouvez Material dans le panneau de droite et appuyez sur Edit.
Standard est la bonne valeur par défaut : réglez une couleur, puis la roughness. C'est la
roughness qui fait le plus gros du travail — élevée pour le tissu et la pierre, basse pour un
métal poli.
5. Faites-le réagir
Toujours avec l'objet sélectionné, ajoutez un composant Events, puis un événement :
- Déclencheur : on click
- Étape : jouer un son — choisissez un fichier audio
- Étape : animation de transformation — monter de 0,2 m en 400 ms
C'est une interaction complète, sans une ligne de code.
L'éditeur dessine votre scène mais n'exécute délibérément pas la logique — sinon les animations vous disputeraient le contrôle. Appuyez sur Preview pour essayer.
6. Preview
Preview ouvre votre expérience telle qu'un visiteur la voit. Testez le toucher, le son, l'animation.
Pour une scène à marqueur, prévisualisez sur un téléphone en le pointant vers l'image imprimée : l'aperçu sur ordinateur ne dit pas si le suivi tient de biais, et c'est justement ce qu'il faut ajuster le plus souvent.
7. Publiez
Publish dans la barre supérieure transforme votre projet en un lien que n'importe qui peut ouvrir. Vous obtenez une adresse prête à l'emploi, et vous pouvez connecter un domaine personnalisé 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 ce que fait chaque panneau | Visite de l'interface |
| Organiser un projet plus grand | Scènes et spaces |
| Chorégraphier un mouvement | Animation Controller |
| Construire une logique avec des conditions | Patch Editor |
| Ajouter des boutons et un score | UI Editor |
| Comprendre le comportement du moteur | Creators Engine |
Suite : Visite de l'interface