Open main menu

Extension:3DAlloy

This page is a translated version of the page Extension:3DAlloy and the translation is 100% complete.

Description

Extension MediaWiki permettant d'ajouter un visualisateur de modèles 3D aux pages des sites. Basé sur THREE.js, elle renvoie les images avec CanvasRenderer. Vous pouvez voir un exemple de page de modèle 3D ici.

Extensions de fichier supportées

Format des modèles THREE.js :

  • .json
  • .3djson
  • .3dj * .three

THREE.js format de la géométrie du tampon de modèle :

  • .buff
  • .buffjson

format de fichier OBJ :

  • .obj

format de fichier STL (binaire) :

  • .stl
  • .stlb

Installer

Télécharger le dernier instantané et l'extraire dans le répertoire de vos extensions. Puis l'inclure dans votre fichier LocalSettings.php comme dans l'exemple suivant:

wfLoadExtension( '3DAlloy' );

$wgFileExtensions = array_merge(
  $wgFileExtensions, array(
      'json', '3dj', '3djson', 'three',
      'buff', 'buffjson',
      'obj',
      'stl', 'stlb'
  )
);

Puis ajouter ces lignes à la fin de votre fichier MediaWiki includes/mime.types :

application/json json 3djson 3dj three buff buffjson
application/obj obj
application/stl stl stlb

Et ensuite ua fichier includes/mime.info :

application/json [TEXT]
application/obj       [TEXT]
application/stl       [TEXT]

Utilisation

Comme un gestionnaire d'images

[[File:Model.json|300x300px|color=,opacity=,...]]

Comme une fonction d'analyseur

{{#3d:Model.json}}
{{#3d:Model.json|width}}
{{#3d:Model.json|width|height}}
...
{{#3d:Model.json|width|height|color|opacity|norotate|scale|z|style|class}}

Au lieu du nom du fichier téléversé vous pouvez utiliser une url pour le fichier situé sur un site externe.

Comme une balise d'analyseur

<3d file="Model.json" width="" height="" ... ></3d>
or
<3d width="" height="" ... >Model.json</3d>

Vous pouvez aussi utiliser une url à la place du nom court de fichier.

Paramètres

Nom Description Default value
width Largeur du canevas en pixels 300
height Hauteur du canevas en pixels 300
color Modèle de couleurs RVB en hexadécimal 0xff00ff
opacity Opacité du modèle, nombre décimal entre 0...1 0.8
norotate Si vrai ou à 1, le modèle ne tourne pas false
scale Echelle du modèle, en pourcentage 100
z Coordonnée z du modèle 75
style Style CSS du canevas supplémentaire
class Classe HTML du canevas additionnel

La largeur et la hauteur ne peuvent pas être mis à la valeur 0 , donc la taille de l'affichage dépendra des dimensions de l'écran de l'utilisateur.

Configurer

Toutes les valeurs par défaut peuvent être modifiées dans votre fichier LocalSettings.php  :

$wg3DAlloy["width"]  = 500;
$wg3DAlloy["height"] = 400;
...
$wg3DAlloy["class"]  = 'someclass';

Touches de contrôle et de fonction

Action Contrôles
Rotation de l'appareil photo Glissez, maintenez le bouton gauche de la souris et déplacez
Panoramique caméra Touche droite tenir et se déplacer
Zoom caméra Molette de la souris, tenir la molette et bouger, pincer
Rotation du modèle touches ←↑→↓
Réinitialisation de la rotation du modèle Touche d'accueil
Rotation du modèle jouer/suspendre Double cli, double frappe
Rotation de modèle lire/mettre en pause tous les modèles à la page Touches Entrée, Espace
Vitesse de rotation du modèle touches - et +

Les raccourcis clavier se désactivent automatiquement lorsque vous modifiez ou envoyez une page wiki.