Jump to content

Template:ModelViewer: Difference between revisions

No edit summary
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>
This template displays a 3D model using <code>&lt;model-viewer&gt;</code>.
=== Usage ===
<pre>
{{ModelViewer
|src=https://survivalcraft.wiki/content/Models/Bear_Brown.glb
|alt=Brown Bear
|width=200px
|height=200px
|cameraOrbit=165deg 75deg 4m
}}
</pre>
</noinclude>
<html>
<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script>
<model-viewer
<model-viewer
     id="modelViewer-{{PAGENAME}}"
     id="modelViewer-{{PAGENAME}}"
Line 20: Line 4:
     alt="{{{alt|3D model}}}"
     alt="{{{alt|3D model}}}"
     camera-orbit="{{{cameraOrbit|165deg 75deg 4m}}}"
     camera-orbit="{{{cameraOrbit|165deg 75deg 4m}}}"
     auto-rotate
     style="display: block; width: {{{width|300px}}}; height: {{{height|300px}}}; margin-left: auto; margin-right: auto;"
    camera-controls
     background-color="{{{backgroundColor|transparent}}}"
     background-color="transparent"
     shadow-intensity="{{{shadowIntensity|1}}}"
     shadow-intensity="1"
     environment-image="{{{environmentImage|neutral}}}"
     environment-image="neutral"
     exposure="{{{exposure|1}}}"
     exposure="1"
     loading="{{{loading|eager}}}"
     style="display: block; width: {{{width|200px}}}; height: {{{height|200px}}}; margin-left: auto; margin-right: auto;"
{{#if:{{{poster|}}}| poster="{{{poster}}}"}}
    loading="eager"
{{#if:{{{autoRotate|}}}| auto-rotate}}
>
{{#if:{{{cameraControls|}}}| camera-controls}}
</model-viewer>
{{#if:{{{ar|}}}| ar}}
</html>
{{#if:{{{autoplay|}}}| autoplay}}
></model-viewer>