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 =