🎯 Démos AR.js

Explorez la réalité augmentée directement dans votre navigateur !

⚠️ Avant de commencer

Vous aurez besoin du marqueur Hiro pour voir les objets 3D apparaître.

👉 Obtenez le marqueur ici (à afficher sur votre téléphone ou imprimer)

✓ Fonctionne
Démo 1

Boîte Transparente

Une simple boîte 3D semi-transparente qui apparaît sur le marqueur Hiro.
  • Objet 3D basique
  • Effet de transparence
  • Idéal pour débuter
📦
Lancer la démo
× Ne fonctionne pas
Démo 2

Sphère Bleue

Une sphère 3D de couleur bleue qui flotte au-dessus du marqueur.
  • Forme géométrique différente
  • Couleur personnalisée
  • Position ajustée
🔵
Lancer la démo
× Ne fonctionne pas
Démo 3

Sphère Bleue V2

Version améliorée avec une structure HTML complète et optimisations.
  • Code mieux structuré
  • Balises HTML complètes
  • Configuration optimisée
🔷
Lancer la démo
? Non testé
Démo Avancée

Multi-Marqueurs

Démo avancée supportant 3 types de marqueurs différents simultanément !
  • Marqueur Hiro (boîte verte)
  • Marqueur personnalisé (boîte rouge)
  • Code-barres AR (boîte bleue)
🎨
Lancer la démo

🧪 Démos de Test et Diagnostic

✓ Fonctionne
Test Debug

Grosse Boîte Rouge

Démo de test avec debug activé et une grosse boîte rouge visible.
  • Debug UI activé
  • Grande boîte rouge
  • Texte "ÇA MARCHE!"
🔴
Tester
✓ Fonctionne
Test Alternative

Version Alternative

Test avec une version alternative d'AR.js et une boîte rose.
  • AR.js NFT version
  • Boîte rose
  • Configuration différente
🩷
Tester
✓ Fonctionne
Test Sphère

Sphère Simple

Test simple avec une grosse sphère bleue pour vérifier si les sphères fonctionnent.
  • Grande sphère bleue
  • Code identique à test-debug
  • Test de géométrie
🔵
Tester
✓ Fonctionne
Test Multi

Multi-Boîtes

Test avec plusieurs boîtes colorées pour vérifier les objets multiples.
  • 4 boîtes colorées
  • Rouge, vert, bleu, jaune
  • Positions différentes
🎨
Tester
✓ Fonctionne
Alternative

Icosphère et Polyèdres

Utilise des polyèdres (icosahedron, octahedron, dodecahedron) qui ressemblent à des sphères.
  • Icosahedron bleu (20 faces)
  • Octahedron vert en rotation
  • Dodecahedron rouge qui monte
💎
Tester

🎯 Besoin du marqueur ?

Le marqueur Hiro est nécessaire pour toutes les démos. Vous pouvez l'afficher sur votre téléphone ou l'imprimer.

Obtenir le marqueur Télécharger l'image