Template:ModelViewer: Difference between revisions

Line 1:

This template displays a 3D model using <code><model-viewer></code>.

This template displays an interactive 3D model using <code><model-viewer></code>.

Works in VisualEditor. Be sure the site globally loads the model-viewer script (e.g. in `MediaWiki:Common.js`).

=== Usage ===

Line 22:

Line 23:

}}

</pre>

<model-viewer

</noinclude>

id="modelViewer-{{PAGENAME}}"

src="{{{src}}}"

{{#tag:model-viewer

alt="{{{alt|3D model}}}"

| id=modelViewer-{{PAGENAME}}

camera-orbit="{{{cameraOrbit|165deg 75deg 4m}}}"

| src={{{src}}}

style="display: block; width: {{{width|300px}}}; height: {{{height|300px}}}; margin-left: auto; margin-right: auto;"

| alt={{{alt|3D model}}}

background-color="{{{backgroundColor|transparent}}}"

| camera-orbit={{{cameraOrbit|165deg 75deg 4m}}}

shadow-intensity="{{{shadowIntensity|1}}}"

| style=display: block; width: {{{width|300px}}}; height: {{{height|300px}}}; margin-left: auto; margin-right: auto;

environment-image="{{{environmentImage|neutral}}}"

| background-color={{{backgroundColor|transparent}}}

exposure="{{{exposure|1}}}"

| shadow-intensity={{{shadowIntensity|1}}}

loading="{{{loading|eager}}}"

| environment-image={{{environmentImage|neutral}}}

{{#if:{{{poster|}}}| poster="{{{poster}}}"}}

| exposure={{{exposure|1}}}

{{#if:{{{autoRotate|}}}| auto-rotate}}

| loading={{{loading|eager}}}

{{#if:{{{cameraControls|}}}| camera-controls}}

{{#if:{{{poster|}}}|{{!}} poster={{{poster}}}}}

{{#if:{{{ar|}}}| ar}}

{{#if:{{{autoRotate|}}}|{{!}} auto-rotate}}

{{#if:{{{autoplay|}}}| autoplay}}

{{#if:{{{cameraControls|}}}|{{!}} camera-controls}}

><~~/model-viewer~~>

{{#if:{{{ar|}}}|{{!}} ar}}

{{#if:{{{autoplay|}}}|{{!}} autoplay}}

}}

{