Nebula
Monde 3D
Visiter le siteCadre du projet : études
Nebula est une expérience à la fois interactive et immersive, qui plonge l’utilisateur dans un monde onirique.
L'application propose à l’utilisateur d'explorer l’univers singulier de quelques artistes de l'art brut.
C'est un projet réalisé en équipe, dans laquelle je suis le développeur. L'éditorialisation a été réalisé par Corentin Romagny, Soizic Pineau, le graphisme par Anouk Dimet. Nous avons tous apporté nos idées lors de la phase de conception du projet.
L’application est développée pour un maximum de plates-formes, en particulier pour ordinateur et tablette et elle peut aussi fonctionner sur un navigateur web. C’est une web-app, programmé en HTML, CSS et javascript.
Pour réaliser l’univers, nous avons choisi de créer des mondes 3D dans lesquels les utilisateurs peuvent regarder autour d’eux à 360° afin de les inciter à explorer.
J'ai choisi l’option de la 3D, car cela permet une édition des éléments plus simple, la possibilité d’interagir avec eux, de les animer. Une plus grande souplesse donc, autant pour l’intégration du contenu que pour le design et les fonctionnalités.
J'ai recherché une bibliothèque Javascript, exploitant la 3D, mon choix s'est porté sur three.js, car elle est suffisamment légère pour fonctionner sur mobile de manière fluide.
J'ai donc étudié three.js : il a fallu apprendre à afficher des objets 3D (les oeuvres, les personnages, le décor), développer le déplacement de la caméra, avec la souris et le tactile, ou encore mettre en place un système d’évènement, aux cliques sur les objets, pour déclencher n’importe quelle fonction, notamment l’ouverture d’une page, afin d’afficher le contenu.
Les mondes 3D sont modélisés pour l’instant dans le code. Mais il est envisageable de développer un outil, spécialement pour l’application, qui permettrait une création des mondes et une intégration du contenu, beaucoup plus rapide et précise.
Autres projets web et applications
