Un peu plus d’interactivité 3D

loupe-100x100.png Tazintosh, créateur de l’excellent module Rewind|Forward, venant de relancer son site personnel, je me suis dit qu’un peu plus d’interactivité 3D serait la bienvenue sur ce blog endormi. Il devait bien exister des extensions WordPress permettant de visionner des modèles 3D sous différents angles ! Après une recherche (très) rapide, j’ai jeté mon dévolu sur Kento 3D Model Viewer.

Pourquoi choisir celle-ci plutôt qu’un autre ? A mon sens, pour quelques raisons simples.

Côté édition :

  • Contrairement à certaines solutions « propriétaires », on n’est pas obligé d’héberger les modèles 3D sur un site externe (on garde la main sur sa création, et ça, j’aime plutôt) ;
  • Il est gratuit et très bien noté: 5 étoiles sur 5 🙂 ;
  • Il accepte le format .obj qui est standard et bien accepté par Cinema 4D ;
  • Il n’y a aucun paramétrage à faire après l’installation ;
  • Juste un shortcode extrêmement simple : largeur et hauteur de la fenêtre, url du modèle 3D ;
  • Et, cerise sur le gâteau, on a droit à un bouton kento_3dmv directement intégré dans la barre d’outils de TinyMCE !

Côté interactivité, c’est encore plus aisé, il suffit de placer son curseur dans la fenêtre puis de :

  • cliquer-glisser la souris pour que le modèle bouge sur tous les axes ;
  • faire rouler la molette de la souris pour zoomer/dézommer.

Bref, voilà une extension simple et rapide à mettre en oeuvre sans avoir besoin de maîtriser tout un tas de concepts plus ou moins pointus. On l’installe et on l’utilise, c’est tout.

Et voila ce que ça donne avec mon (sempiternel) casque grec :

 

 

Petit bémol, je n’arrive pas à forcer le centrage de la fenêtre…
Edit : Ha ben si, en lui collant un div center, ça marche !

 

vignette empruntée au site bureau-center.net

3 réponses sur “Un peu plus d’interactivité 3D”

  1. Y a pas à dire ce casque grec est vraiment magnifique
    Je ne me souviens plus qui t’a inspiré ce chef d’œuvre 😀

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.