URL: https://linuxfr.org/users/freejeff/journaux/3d-dans-les-presentations-web Title: 3D dans les présentations web Authors: freejeff Date: 2014年04月28日T20:30:41+02:00 License: CC By-SA Tags: 3d, webgl, sozi, svg et firefox Score: 20 Bonjour à tous, J'utilise depuis longtemps [Sozi](http://sozi.baierouge.fr/) pour faire mes présentations, cela me permet d'avoir des présentations visibles sous firefox (et firefox seulement s'il y a des vidéos) d'inclure des vidéos et facilement des équations issues de LaTeX. Nous travaillons également dans mon labo sur l'étude de la statique pelvienne, ce qui nous amène à manipuler des surfaces tridimensionnelles. J'ai envie depuis longtemps d'inclure une scène 3D dans ma présentation. Il me faut donc être capable d'inclure dans un svg une scène 3D que firefox sera en mesure de relire. J'ai choisi de le faire en créant une page html contenant une scène faisant appel à du webgl, de la manière suivante : ```html ``` Il ne reste donc qu'à bien positionner cette page dans le svg. Il serait bien sympa de créer un module pour Sozi qui permettrait comme le fait le module vidéo, d'inclure une scène 3D webGL. Cela n'est pas impossible mais vu mon niveau de compétence en xml et en extension inkscape, j'ai peur de m'enliser, surtout que ce n'est pas une priorité dans mon boulot ... et comme je ne vais pas faire des dizaines de présentations avec de la 3D, je pense que je vais le faire à la main ! Il existe plusieurs manière de définir une scène webGL : 1. La coder à la main, 2. Utiliser un outil. N'étant pas développeur web, je n'ai que peu d’envie pour me lancer dans l'apprentissage que représente coder à la main une scène webGL. J'ai donc utilisé un outil. J'ai utilisé la dernière version de paraview 4.1 qui permet d'exporter une scène en webgl. Pour ce faire j'ai importé un .obj, calculé les normales, affiché une composante ainsi qu'une colorbar, puis exporté la scène dans le fichier test.html que j'ai mis dans la iframe du svg. Le problème à ce point réside dans le fait qu'il n'y a quasiment aucune interactivité, si ce n'est zoomer et tourner l'objet dans l'export paraview. J'ai donc commencé à regarder s'il existait des niveaux intermédiaires entre coder une scène en webGL et un bête export depuis paraview. J'ai découvert [Voxelent](http://voxelent.com/tutorials/) une lib javascript qui permet de créer une scène et des interactions. Elle a cependant des fonctionnalités d’import limitées car seul polydata VTK ASCII et JSON sont supportés. On peut cependant toujours transiter par paraview pour faire les imports/exports. Cela semble donc être une solution assez sympa. En continuant mes recherches sur les outils pour faire de la 3D en webGL, je suis tombé sur une nouvelle assez notable que je n'ai pas lue ici : Le moteur de jeu [Godot](http://www.godotengine.org/wp/) vient d'être libéré en licence MIT ! Ce moteur permet de faire de la 2D, de la 3D, a un moteur de simulation et permet l'export webGL ! De plus l'interface graphique d'utilisation de ce moteur est disponible sous Linux. Il y a je pense assez de développeurs de jeux ici pour peut être en parler mieux que moi. Je pense que cela mériterait une dépêche. Ceci dit si cela pouvait me permettre de mettre en place un modèle 3D de la ceinture pelvienne avec quelques animations et des textures sympa alors j'en serais vraiment ravi ! Malheureusement le temps que je peux consacrer à cela est assez faible, j'ai donc peur que cela prenne beaucoup de temps ... Voilà pour ce petit journal qui ne fait que vous présenter la veille que j'ai faite sur la 3D dans le html/SVG.