ZeM STL Viewer: plugin WordPress pour visionner les STL dans votre blog

Il existe de nombreux plugins permettant d’afficher des fichiers STL dans son blog WordPress mais aucun ne se base sur la bibliothèque Thingiview.js qui est probablement la meilleure librairie de rendu de fichier 3D STL.

J’ai donc décidé de développer mon propre plugin WordPress afin de pouvoir insérer dans ZeM.fr des modélisations 3D de divers objets que j’ai conçu.

Après avoir testé plus d’une dizaine de plugins tous plus compliqués les un que les autres, je me suis donc mis à la recherche de documentation sur le rendu STL et je peux d’ores et déjà vous dire que je considère le plugin WordPress ZeM STL Viewer comme le meilleur plugin pour afficher une modélisation 3D dans un article ou une page de votre blog.

Simple à installer (directement via le repository de WordPress), ZeM STL Viewer pour WordPress se base sur une librairie rapide et mise à jour régulièrement.

ZeM STL Viewer: le fichier ReadMe

Le fichier ReadMe se suffit à lui même c’est pourquoi je vous propose de regarder le readme officiel livré avec le plugin ZeM STL Viewer:

ZeM STL
=============
 
#License
 
ZeM STL uses GNU GPLv3 or later.
 
# Features
 
ZeM STL is probably the best STL Viewer for WordPress which supports binary and ascii STL files without requiring any preprocessing, all the parsing is done on the client in javascript.It is based on Thingiview.js library, which is a performant and light library.
 
With ZeM STL you  are able to embedded STL files into a blog post. 2 modes are available: url and inline stl.
ZeM STL integrates shortcode syntax ([zemstl]) to use it directly into your posts.
Moreover, you can configure some parameters in ZeM STL like colors, size, ...
 
# Options
 
These options allow you to customize the stl rendering:
 
    * width: width of the render contener (default: 400)
    * height: height of the render contener (default: 350)
    * planes: show (1) or hide (0) the 100x100 grid plane under the object (default: 1).
    * rotation: object rotate slowly (1) or doesn't rotate (0) around the z axis (default: 1).
    * color: sets the object's color (default: #C0D8F0)
    * bgcolor: sets the background color of the viewer's container (default: #FFFFFF).
    * material: sets the object's material. Possible values are solid or wireframe (default: solid).
    * url: stl file url. Not mandatory if embedded stl is used.
 
# Options Commented
 
These options currently don't work. We will fixed it soon:
 
    * camera: sets the camera view to the desired angle. Possible values are top, side, bottom, diagonal (default: diagonal);
    * zoom: positive number to zoom the camera in or a negative number to zoom out (default: 4).
 
# Examples
 
<pre>
    Small: [zemstl url="http://pathtoyour.stl"/]
 
    Full: [zemstl width="400" height="300" planes="1" rotation="1" camera="diagonal" zoom="5" color="#C0D8F0" bgcolor="#FFFFFF" material="wireframe" url="http://path-to-your.stl"/]
 
    Inline: [zemstl url="http://pathtoyour.stl"]put-stl-code-here[/zemstl]
</pre>
 
# Contact Us
 
For new improvements or to notify bugs, you can contact us at http://www.zem.fr/

Installation

Pour installer le plugin ZeM STL pour WordPress, rendez-vous dans la section “Plugins” de votre blog, puis cherchez ZeM STL dans le champ de recherche.

Il ne reste plus qu’à l’installer comme un plugin classique de WordPress.

Il est également possible de télécharger ZeM STL Viewer directement sur le site de WordPress.

Pour ceux qui souhaiteraient contribuer à l’évolution du plugin ZeM STL Viewer, vous pouvez vous rendre sur la page github de ZeM STL.

Utilisation

Une fois le plugin ZeM STL pour WordPress installé, il ne vous reste plus qu’à insérer votre fichier STL dans votre message en utilisant une des syntaxes suivante:

Format simple: [zemstl url="http://pathtoyour.stl"/]
 
Format avancé: [zemstl width="400" height="300" planes="1" rotation="1" camera="diagonal" zoom="5" color="#C0D8F0" bgcolor="#FFFFFF" material="wireframe" url="http://path-to-your.stl"/]
 
Format Inline: [zemstl url="http://pathtoyour.stl"]source de votre fichier STL[/zemstl]

Exemple d’utilisation

Voici un exemple tout simple d’utilisation, il vous suffit d’insérer le texte suivant dans votre article (merci Thingiverse pour le stl):

[zemstl url="http://www.zem.fr/wp-content/uploads/2014/07/frog.stl"/]

Et voilà ce qui çà donne:

En espérant que le plugin ZeM STL Viewer pour WordPress vous sera utile 🙂

 

3 Responses to ZeM STL Viewer: plugin WordPress pour visionner les STL dans votre blog

  1. seb says:

    le plugin n’affiche rien non?

  2. pasdenom says:

    Bonjour, je découvre votre site, petite mine d’or d’info et d’art (fan des saint seya en stylo bille <3), alors un grd merci pr le partage, et en passant comme le com précédent le souligne, le plugin pr générer le stl n'affiche pas sur votre site.

    Cdt ^^

Leave a Reply

Your email address will not be published. Required fields are marked *