Skip to content

💠 En route pour Ilum... construisez votre sabre laser !

Chers apprentis (informaticiens) Jedi.

Dans cet exercice, vous allez transformer un projet starter Ionic-Vue en une application "sabre laser" interactive. Vous construirez d'abord l'interface visuelle complete, puis vous y brancherez progressivement les APIs natives de Capacitor pour le son, les vibrations et la détection de mouvement.

Ce que vous allez apprendre :

  • Créer une interface immersive plein écran avec animations CSS
  • Synthétiser des sons avec la Web Audio API
  • Utiliser l'API Capacitor Haptics pour le retour haptique (vibrations)
  • Utiliser l'API Capacitor Motion pour lire l'accéléromètre
  • Organiser votre code en composables Vue réutilisables

🥷 Résultat final

une app ou vous allumez/éteignez un sabre laser avec des sons synthétisés, un hum continu, une detection de swing par accéléromètre et un retour vibratoire.

⚠️ Attention ⚠️

Je décline toute responsabilité en cas de décimation d'une classe de jeunes Padawans suite à l'utilisation de cette application, ne soyez pas comme Anakin.

darth-vader.gif

meilleure scène de tous les films, et je ne suis pas ouvert au débat 😉