Si aujourd’hui les applications natives semblent rester “la norme”, depuis quelque temps un vent nouveau souffle sur la toile du Web, c’est l’émergence de contenus 3D interactifs sur le Web. Aujourd’hui, présentation d’un outil web-based pour les gérer : Needle.
Pour se convaincre de cette mode, il vous suffit de taper le nom d’un animal, par exemple : Tigre, dans votre navigateur web préféré pour voir apparaître dans la page de résultats de votre moteur de recherche (SERP), généralement en première position, l’accès à un contenu 3D immersif au titre plutôt évocateur “Retrouvez-vous face à face avec un tigre”. Vous le voyez, ce petit logo, adossé de la mention “Voir en 3D” ? Et bien il va falloir s’y habituer car il s’impose peu à peu dans les standards de l’UX des technologies immersives (XR) et principalement pour la Réalité Augmentée.
Une tendance qui ne cesse de croître et qui dépasse le cadre de nos usages conventionnels et de nos écrans standards d’ordinateurs, smartphones, ou encore tablettes, et s’étend à cette nouvelle catégorie d’appareils dit immersifs. Comprenez les appareils VR et AR, qui eux aussi s’étendent sur le Web. Et voilà une brèche intéressante : les sites web n’ont plus seulement besoin d’être “responsive” (réactif et adaptable en fonction de la résolution du dispositif) tout à coup, réactif ne se cantonne plus seulement à la notion de “grand écran” ou “petit écran”. On élargit soudain le spectre à des notions d’espaces, de déplacements physiques, de 3D, et d’affichage dans des HMD (dispositifs XR portés sur le visage) et l’interprétation de leurs dispositifs d’interactions tels que des contrôleurs.
C’est l’un des défis auquel Needle se frotte.
Needle Engine, quésaco ?
C’est un runtime, autrement dit un environnement d’exécution, basé sur le Web pour les applications 3D. Il est déployable n’importe où, et permet même de s’exécuter sur votre machine lors du développement.
Needle Exporter pour Unity, quant à lui, est une sorte de “pont” entre l’éditeur Unity et Needle Engine. Construit autour de la norme glTF (Graphics Language Transmission Format), il permet d’exporter les ressources en une version compatible avec le Web.
Ensemble, ils offrent le champ des possibles de l’éditeur Unity déployable sur le web, en intégrant les notions fondamentales de l’XR et de la collaboration. Aussi à son arrivée, certains l’ont appelé le « chaînon manquant » entre les flux de travail des artistes, concepteurs et le développement Web moderne.
(Encore) Une nouvelle plateforme me direz-vous ?
Alors pas vraiment, il faut voir Needle comme un nouvel outil dans votre workflow (flux de travail), et non comme un éditeur. Une sorte de nouvel outil facilitateur d’intégration dédié au contenu Web, le tout en conservant son indépendance et son processus de création amont tel que : Unity, Blender, ou encore Photoshop … pour ne citer qu’eux.
Côté fonctionnement, Needle Engine s’appuie sur Three.js. qui est une bibliothèque JavaScript pour créer des scènes 3D manipulables dans un navigateur web, l’ensemble des fichiers glTF sont chargés via ses interfaces d’extension. L’ensemble du rendu est ainsi géré par le framework three.js.
En somme, Needle c’est la possibilité de déployer du contenu immersif sur le web , accessible par n’importe qui, n’importe où, sur n’importe quel appareil, et ce, avec une seule base de code !
Oui, mais, qu’en est-il du prix ?
Là aussi pour ses débuts Needle fait fort : “Le moteur et l’exportateur peuvent être utilisés gratuitement. Si vous êtes éligible à Unity Free, vous êtes très probablement éligible à une licence gratuite.”
N’oublions pas de préciser tout de même que, pour l’instant, proposé en version Open Beta, Needle n’est utilisable qu’à des fins d’évaluation et à des fins non commerciales. Ce qui n’empêche pas d’ores et déjà aux développeurs et entreprises de s’approprier l’engine pour être prêt lors de l’official release.
Stay tuned !
Pour aller plus loin…
Quelques exemple ici : https://needle.tools/ – Visiter l’onglet “Showcase” sur le site web, pour accéder à de nombreux exemples
Pour aller plus loin : https://engine.needle.tools/docs/getting-started.html
Pricing : – https://needle.tools/ – Onglet Pricing
Références
- Site web : https://needle.tools/
- Asset store : https://assetstore.unity.com/publishers/34149
- Github project : https://github.com/needle-tools/needle-engine-support
- Physique : https://engine.needle.tools/docs/features-overview.html#physics-%F0%9F%8F%93
