Difference between revisions of "Widget:RuneDisp"

From Official Runecraft Wiki
Line 5: Line 5:
 
<includeonly>
 
<includeonly>
 
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
 
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
 +
 +
<div id="bg_box"></div>
  
 
<script type="text/javascript">
 
<script type="text/javascript">
 +
var bg_box = document.getElementById("bg_box");
  
 
// Read in given arguments
 
// Read in given arguments
Line 21: Line 24:
 
// Single rune case - very simple.
 
// Single rune case - very simple.
 
if (multilayer == "false") {
 
if (multilayer == "false") {
document.write('<model-viewer id="MLrune" bounds="tight" src="' + runefile + '" ar ar-modes="scene-viewer webxr quick-look" camera-controls poster="poster.webp" shadow-intensity="1" environment-image="neutral" exposure="1" camera-orbit="0deg 65deg auto"></model-viewer>');
+
bg_box.innerHTML += '<model-viewer id="MLrune" bounds="tight" src="' + runefile + '" ar ar-modes="scene-viewer webxr quick-look" camera-controls poster="poster.webp" shadow-intensity="1" environment-image="neutral" exposure="1" camera-orbit="0deg 65deg auto"></model-viewer>';
  
 
} else {
 
} else {
  
 
// Not so simple case - render normally to start
 
// Not so simple case - render normally to start
document.write('<model-viewer id="MLrune" bounds="tight" src="' + runefile + '" ar ar-modes="scene-viewer webxr quick-look" camera-controls poster="poster.webp" shadow-intensity="1" environment-image="neutral" exposure="1" camera-orbit="0deg 65deg auto"><div class="controls"><div>Layer: <select id="layer"></select></div></div></model-viewer>');
+
bg_box.innerHTML += '<model-viewer id="MLrune" bounds="tight" src="' + runefile + '" ar ar-modes="scene-viewer webxr quick-look" camera-controls poster="poster.webp" shadow-intensity="1" environment-image="neutral" exposure="1" camera-orbit="0deg 65deg auto"><div class="controls"><div>Layer: <select id="layer"></select></div></div></model-viewer>';
  
 
// Define DOM elements for later use
 
// Define DOM elements for later use

Revision as of 16:50, 25 January 2022