Le Nil est une Progressive Web App permettant aux (futur-e-s) étudiant-e-s du Cnam-Enjmin de découvrir le bâtiment du Nil grâce à un jeu de piste. Dans ce jeu, vous êtes invité-e à explorer l'école à la recherche d'un mystérieux cryptide.
L'application peut être consultée en tant que site web à l'adresse https://le-nil.netlify.app ou installée en tant que PWA sur ordinateur, tablette ou mobile.
Le jeu commence lorsque vous scannez un QR code sur l'un des flyers déposés à l'entrée du bâtiment. Ce QR code donne accès à un lien vers la page d'accueil de l'application.
Si vous acceptez de commencer à jouer, vous êtes redirigé-e vers la première étape : une énigme à résoudre en retrouvant l'empreinte du cryptide dans le bâtiment. Tant que la bonne réponse à la question n'a pas été saisie, il n'est pas possible de passer à l'étape suivante.
Les autres étapes suivent le même principe : chacune va vous amener vers un nouvel endroit du bâtiment, où vous trouverez un indice permettant de débloquer l'étape suivante. À la fin du jeu, vous pouvez découvrir l'apparence du cryptide sous forme de modèle 3D.
Le jeu fait appel à diverses fonctionnalités du web moderne telles que définies par le site whatwebcando.today.
-
Installation sur l'écran d'accueil : le jeu est une PWA. Les paramètres définis dans le fichier manifest.json permettent de l'installer sur l'écran d'accueil d'un appareil fixe ou mobile comme une application.
-
Réalité augmentée : le modèle 3D du cryptide est visualisable en AR grâce à l'API WebXR.
-
D'autres fonctionnalités comme la reconnaissance de forme (lecture de QR code) et la technologie NFC sont utilisées sur des flyers ou jetons accessibles aux joueur-euses mais ne sont pas directement prises en charge par l'application.
- L'utilisation de l'AR requiert un navigateur chrome ou chromium et un téléphone prenant en charge ces fonctionnalités.
- L'utilisation de la technologie NFC requiert un téléphone mobile compatible.
L'application utilise Vite pour son développement et son build. Voici les commandes principales :
- Pour lancer l'application en local, exécutez :
npm run dev
Cela lance le serveur de développement Vite.
- Pour construire l'application pour la production, utilisez :
npx vite build
-
Modèle 3D : Le modèle 3D du cryptide, un éléphant, a été obtenu à partir de la ressource suivante : Baby Elephant ALEX par ahitch3 sous licence Creative Commons Attribution.
-
Icônes : Les icônes utilisées dans l'application sont issues de la bibliothèque Font Awesome sous licence libre.