diff --git a/examples/index.html b/examples/index.html index 2244ad6..dcd8b41 100644 --- a/examples/index.html +++ b/examples/index.html @@ -257,7 +257,7 @@ }; let skinViewer; - let oribitControl; + let orbitControl; let rotateAnimation; let primaryAnimation; @@ -329,9 +329,9 @@ primaryAnimation.speed = e.target.value; } }); - document.getElementById("control_rotate").addEventListener("change", e => oribitControl.enableRotate = e.target.checked); - document.getElementById("control_zoom").addEventListener("change", e => oribitControl.enableZoom = e.target.checked); - document.getElementById("control_pan").addEventListener("change", e => oribitControl.enablePan = e.target.checked); + document.getElementById("control_rotate").addEventListener("change", e => orbitControl.enableRotate = e.target.checked); + document.getElementById("control_zoom").addEventListener("change", e => orbitControl.enableZoom = e.target.checked); + document.getElementById("control_pan").addEventListener("change", e => orbitControl.enablePan = e.target.checked); for (const part of skinParts) { for (const layer of skinLayers) { document.querySelector(`#layers_table input[type="checkbox"][data-part="${part}"][data-layer="${layer}"]`) @@ -365,6 +365,7 @@ document.getElementById("cape_url").addEventListener("change", () => reloadCape()); document.getElementById("reset_all").addEventListener("click", () => { skinViewer.dispose(); + orbitControl.dispose(); initializeViewer(); }); } @@ -375,7 +376,7 @@ alpha: false }); skinViewer.renderer.setClearColor(0x5a76f3); - oribitControl = skinview3d.createOrbitControls(skinViewer); + orbitControl = skinview3d.createOrbitControls(skinViewer); rotateAnimation = null; primaryAnimation = null; @@ -391,9 +392,9 @@ primaryAnimation = skinViewer.animations.add(availableAnimations[primaryAnimationName]); primaryAnimation.speed = document.getElementById("primary_animation_speed").value; } - oribitControl.enableRotate = document.getElementById("control_rotate").checked; - oribitControl.enableZoom = document.getElementById("control_zoom").checked; - oribitControl.enablePan = document.getElementById("control_pan").checked; + orbitControl.enableRotate = document.getElementById("control_rotate").checked; + orbitControl.enableZoom = document.getElementById("control_zoom").checked; + orbitControl.enablePan = document.getElementById("control_pan").checked; for (const part of skinParts) { for (const layer of skinLayers) { skinViewer.playerObject.skin[part][layer].visible =