Erweiterung:3DAlloy

This page is a translated version of the page Extension:3DAlloy and the translation is 24% complete.
MediaWiki-Erweiterungen
OOjs UI icon advanced-invert.svg
3DAlloy
Freigabestatus: stabil
3DAlloy.png
Einbindung Parser-Funktion , Tag , ContentHandler , Link-Markup
Beschreibung Fügt Unterstützung für die Anzeige von 3D-Dateien in deinem MediaWiki hinzu
Autor(en) Dolfinus
Letzte Version 1.6 (2022-01-30)
MediaWiki 1.25+
Datenbankänderungen Nein
Lizenz MIT-Lizenz
Herunterladen (for MW 1.33 and below use mw-1.33 branch)
README
Beispiel Example of 3D Viewer at file page
$wg3DAlloy
‎<3d>

Prüfe die Benutzungs- und Versionsmatrix.

Beschreibung

MediaWiki extension which allows to add 3D models viewer to site pages. Based on THREE.js, renders image with CanvasRenderer. There you can see example 3D model page.

Unterstützte Dateierweiterungen

THREE.js-Modellformat:

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

THREE.js-Modellpuffer-Geometrieformat:

  • .buff
  • .buffjson

OBJ-Dateiformat:

  • .obj

STL-(Binär-)Dateiformat:

  • .stl
  • .stlb

Installation

  • Die Download und die Datei(en) in ein Verzeichnis namens 3DAlloy im Ordner extensions/ ablegen.
  • Folgenden Code am Ende der LocalSettings.php hinzufügen:
    wfLoadExtension( '3DAlloy' );
    
  • Modify $wgFileExtensions parameter:
$wgFileExtensions = array_merge(
  $wgFileExtensions, array(
      'json', '3dj', '3djson', 'three',
      'buff', 'buffjson',
      'obj',
      'stl', 'stlb'
  )
);
  •   Erledigt – Zu Special:Version in dem Wiki (bei Einstellung auf deutsch nach Spezial:Version) navigieren, um die erfolgreiche Installierung der Erweiterung zu überprüfen.

Verwendung

As Image Handler

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

Als Parser-Funktion

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

Instead of uploaded filename you can use an url for file located in external site.

Als Parser-Tag

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

or

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

Du kannst auch url statt eines kurzen Dateinamens verwenden.

Parameter

Name Description Default value
width Canvas width in pixels 300
height Canvas height in pixels 300
color Model RGB color as hex 0xff00ff
opacity Model opacity as decimal between 0...1 0.8
zoom If true or 1, canvas can be zoomed false
pan If true or 1, canvas can be panned false
norotate If true or 1, model does not rotate false
scale Model scale as decimal between 0...1 1
z Model z coordinate 75
style Additional canvas CSS style
class Additional canvas HTML class

Width and height can be set to 0 value, so size of viewer will be set according to user screen dimensions.

Configure

All default values can be changed in your LocalSettings.php file:

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

Controls and hotkeys

Action Controls
Camera rotate Swipe, left mouse key hold and move
Camera zoom (if zoom enabled) Mouse wheel, hold wheel and move, pinch
Camera pan (if pan enabled) Right key hold and move
Model rotate ←↑→↓ keys
Model rotation reset Home key
Model rotation play/pause Double click, double tap
Model rotation play/pause all models at page Enter, Space keys
Model rotation speed - and + keys

Hotkeys automatically disables while you edit or submit wiki page.