Comment créer des expériences en WebGL ?

25 novembre 2015   by Z Team
Back
Créer des expériences en WebGL se fait aujourd’hui de plus en plus facilement. Plus besoin d’être un expert en développement : certains outils permettent de réaliser des scènes interactives de manière assez simple, pour peu que l’utilisateur apprenne à les manipuler. Cet article propose de faire le tour des principaux outils actuellement disponibles sur le web.


Les éditeurs en ligne


Goo Create
Lire l'interview sur Goo Create  

C’est un formidable outil de création 3D qui permet la réalisation d’expériences interactives en 3D basées sur du HTML5.
Contrairement à d’autres éditeurs, l’outil est fondé sur la création visuelle (ou le visual programming) c’est-à-dire sans lignes de code : l’utilisateur peut interagir avec des objets qu’il sélectionne et dispose sur la scène grâce aux différentes fonctions disponibles sur la plateforme (déplacements, etc.). Goo Create permet aussi d’assigner des comportements à chaque objet.

Cette particularité de Goo Create en fait cependant un outil parfois compliqué, car il faut passer par une phase d’apprentissage assez longue, principalement fondée sur l’expérimentation. Son plus grand avantage reste donc le fait de pouvoir créer des expériences WebGL sans passer par l’import laborieux et systématique d’objets 3D ou l’intégration de lignes de code.
http://goocreate.com/






Playcanvas
Lire l'interview de l'équipe PlayCanvas 

Comme Goo Create, PlayCanvas permet l’édition d’un projet de façon assez simple. Les utilisateurs de la plateforme n’ont pas besoin d’être des experts de la programmation ou de l’intégration 3D.
L’intérêt  de PlayCanvas réside notamment dans la possibilité d’éditer simultanément un même projet depuis différents postes.
https://playcanvas.com/




Webglstudio.js
Lire l'interview du créateur de WebGLStudio 

Contrairement à Playcanvas ou GooCreate, cette plateforme est entièrement open source. Cependant, il faut beaucoup plus de connaissances en programmation et intégration 3D pour maîtriser cet outil très apprécié des développeurs. Le comportement des différents éléments est assigné par des lignes de code, bien qu’une fonction permette de réaliser des graphiques pour s’émanciper d’une programmation fastidieuse.
http://webglstudio.org/




Three.js editor

C’est une librairie en ligne open source qui répertorie de nombreux projets et permet de faciliter la production de projets en WebGL. Elle est la première plateforme de ce genre à avoir initié la simplification de la programmation 3D et quasi tout est développé grâce à elle. Quand programmer un simple cube en WebGL prend des centaines de lignes de programmation en JavaScript, Threejs permet d’en réduire considérablement le nombre. La plateforme requiert cependant un développeur averti et familier avec l’univers de la 3D.
http://threejs.org





Clara.io

Clara.io est un site participatif et gratuit de modeling 3D qui permet de créer, d’animer et d’intégrer des éléments en WebGL. La plateforme propose de nombreux modèles, et tout est fait pour faciliter l’intégration : une multitude de formats supportés, compatibilité sur tous les navigateurs et systèmes d’exploitation récents, etc. Le concept pousse les utilisateurs à partager leurs créations et à collaborer ensemble.
https://clara.io/





Mixamo

Mixamo est une plateforme détenue par Adobe et est utilisée pour la 3D en général. Elle permet de créer des personnages grâce à une customisation très poussée, entièrement visuelle (elle ne nécessite pas de lignes de code). L’animation des personnages se fait de la même façon. Mixamo ne permet cependant pas de créer d’éléments ou de scènes : elle est entièrement dédiée à la création et l’animation de personnages en 3D.
https://www.mixamo.com/




Les viewers en ligne

Sketchfab
Lire l'interview à propos de Sketchfab 

Sketchfab est en quelque sorte le YouTube de la 3D. La plateforme permet de consulter et partager des projets, des scènes et des éléments en 3D. Les utilisateurs peuvent créer un compte (qui fonctionne comme un portefolio) et suivre les comptes d’autres utilisateurs. Le site est très réputé dans l’univers de la 3D : c’est ‘’the place to be’’.
https://sketchfab.com





Minko

Minko est un viewer orienté BtoB. Il fonctionne comme un viewer classique (visualisation de modèles 3D, streaming, partage, service cloud) mais s’adresse aux entreprises et aux agences avec un service personnalisé.
https://minko.io




Cl3ver

Lui aussi orienté pro, Cl3ver s’adresse en particulier aux architectes. Il permet de générer des présentations 3D interactives. Le site est spécialisé dans les bâtiments et l’architecture et met à disposition un moteur puissant pour un rendu très précis.
https://www.cl3ver.com/



logo ultranoir
logo ultranoir