Extensie:3DAlloy

MediaWiki uitbreidingshandleiding

3DAlloy Release status: stabiel
Implementatie	Parser function , Tag , ContentHandler , Link markup
Beschrijving	Adds support of 3D files viewing at your MediaWiki
Auteur(s)	Dolfinus
Laatste versie	1.6 (2022-01-30)
MediaWiki	1.25+
Database wijzigingen	Nee
Licentie	MIT License
Download	Download master snapshot GitHub: project page git repository URL [help ] commit history Note: No localisation updates are provided by translatewiki.net . (for MW 1.33 and below use mw-1.33 branch) README
Voorbeeld	Example of 3D Viewer at file page
Parameters $wg3DAlloy
Labels ‎<3d>
Gebruikte hooks ParserMakeImageParams ParserFirstCallInit ImageBeforeProduceHTML ImageOpenShowImageInlineBefore BeforePageDisplay BeforePageDisplayMobile
Bekijk gebruik en versiematrix

Beschrijvingen

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.

Supported file extensions

THREE.js model format:

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

THREE.js model buffer geometry format:

• .buff
• .buffjson

OBJ file format:

• .obj

STL (binary) file format:

• .stl
• .stlb

Instaleren

• Download en plaats de bestanden in een map genaamd 3DAlloy in de extensions/ map.
• Voeg de volgende code onderaan aan LocalSettings.php toe:

  wfLoadExtension( '3DAlloy' );
  

• Modify $wgFileExtensions parameter:

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

•  Klaar – Navigeer naar Special:Version op de wiki om te controleren dat de uitbreiding succesvol is geïnstalleerd.

Usage

As Image Handler

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

As Parser function

{{#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.

As Parser tag

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

or

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

You also can use url instead of short filename.

Parameters

Naam	Beschrijving	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

Actie	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.