Mise en situation
On raconte qu’autrefois, les dieux marchaient au-dessus du monde, dans un royaume de lumière suspendu au-dessus du ciel.
Dans le cadre de mon Travail de Fin d'Études, j'ai été amené à réaliser un site web de A à Z sous forme d'expérience interactive.
Le choix du thème était totalement libre. Après quelques suivis et présentations de mes différentes idées devant mes professeurs, je suis parti sur mon thème favori : L'Égypte Antique.
Phase de recherches
Chaque histoire possède une fin. Pas celle-ci.
Faire un site sur l'Égypte Antique, c'est bien, mais il faut savoir en parler. Très vite, je me suis rendu compte qu'aborder toute la mythologique égyptienne serait littéralement impossible.
J'ai alors trouvé une alternative à ce problème. Il y a deux ans de cela, j'avais imaginé un Lore basé sur la mythologie égyptienne. C'est ce que j'allais présenter dans mon site.
Je voulais donc réaliser un site immersif et interactif dans lequel l'utilisateur pourrait découvrir le Lore que j'avais écrit.
Création du design
On les nomma les Éveillés. Chacun d'entre eux peut mettre fin à ce cauchemar.
Il ne me restait plus qu'à savoir comment rendre tout cela interactif et immersif. Et la solution était toute trouvée.
Précédemment durant l'année, j'ai été initié au ThreeJS, une librairie JavaScript permettant d'intégrer de la 3D en Web.
J'ai donc réalisé sur Blender quatre modèles 3D en lien avec mon Lore : La map de L'Égypte pour s'y déplacer, ainsi que les trois autres scènes à découvrir.
Pour la page d'accueil qui présente le contexte de l'histoire, j'ai choisi quelque chose d'assez aéré pour laisser le lecteur respirer avant de plonger dans l'expérience.
Développement du site
L'Égypte ne peut désormais compter que sur les Éveillés pour vaincre Seth.
Tout le code de mon site tourne principalement autour du ThreeJS et des animations qui l'accompagnent.
J'ai fait en sorte que pour chaque scène 3D (sauf la map), on puisse se déplacer à l'aide de flèches directionnelles et tourner autour de la scène.
Lorsque l'utilisateur clique sur un élément de la scène 3D, un texte explicatif en lien avec le lieu apparaît.
Pour finir, j’ai ajouté de la musique afin d’améliorer l’expérience globale du site.
Autres projets
Envie de découvrir mes autres projets ? Cliquez sur les cartes afin de voir ce qu’elles renferment.
Data Clash
2025
Clash entre différents artistes
Janus
2024
Site critique du streamer ZeratoR