Web-3D - Version imprimable
+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Général (https://forum.cmsmadesimple.fr/forum-10.html)
+--- Sujet : Web-3D (/thread-4306.html)
+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Général (https://forum.cmsmadesimple.fr/forum-10.html)
+--- Sujet : Web-3D (/thread-4306.html)
Web-3D - archeo - 29/02/2020
Bonjour,
J'ouvre ce sujet car je travaille sur la question depuis quelques temps.
Il s'agit de visualiser des objets en 3D dans une page web.
J'utilise depuis pas mal de temps le site sketchfab pour publier les modèles que je crée puis intégrer les dans mes pages Web. Mais depuis quelques temps ce site a décidé de limiter le nombre de modèles dans la version gratuite. J'avais déjà testé des scripts permettant la visualisation en 3D mais sans grand succès.
three.js utilise WebGL supporté nativement par la plupart des navigateurs actuels. J'ai pas trop accroché au début jusqu'à ce que je découvre model-viewer qui est plus facile à mettre en oeuvre puisqu'il suffit de 3 lignes de code dans une page pour afficher un objet
Code :
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.js"></script>
<script nomodule src="https://unpkg.com/@google/model-viewer/dist/model-viewer-legacy.js"></script>
<model-viewer style="width: 100%; height: 600px;" src="{root_url}/uploads/images/histoire/sortie/images/psilophyton.glb" alt="" auto-rotate camera-controls height='750'></model-viewer>La troisième affiche l'objet. Attention il faut donner l'adresse absolue du fichier
Pour contrôler les dimensions de l'objet il faut mettre width à 100% et choisir la taille de l'objet en agissant sur height.
modele-viewer affiche les objets 3D au format glb et glTF. La plupart des logiciels de modélisation exportent dans ce format sinon vous devrez passer par l'éditeur de three.js pour convertir un fichier d'un autre format.
RE: Web-3D - airelibre - 02/03/2020
Bonjour,
merci pour ton partage ! C'est intéressant
Le tout étant d'arriver à modéliser des produits ou objets à faire consulter sur le site.Pour poursuivre sur le sujet, j'expérimente depuis quelques temps les contenus VR / AR avec Aframe et AR.js. De belles perspectives pour les années à venir !
Les sites :
https://aframe.io/
https://github.com/jeromeetienne/AR.js/
Au plaisir d'échanger là-dessus !
RE: Web-3D - Eric11 - 05/03/2020
Depuis la version 2.8, Blender peut exporter les fichiers GLB.
Eric