load animation automatically

kolyma-labs · Jun 24, 2024 · b62a25e · b62a25e
1 parent 284b781
commit b62a25e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -13,7 +13,7 @@
 
   <body>
     <div id="overlay">
-      <button id="startButton">Play</button>
+      <button id="loadingButton">Play</button>
     </div>
     <div id="info">
       You trying to access restricted area!<br />

diff --git a/libs/personal/animation.js b/libs/personal/animation.js
@@ -10,13 +10,13 @@ let ready = false;
 
 const clock = new THREE.Clock();
 
-const startButton = document.getElementById("startButton");
-startButton.addEventListener("click", function () {
-  Ammo().then(function () {
-    init();
-    animate();
-  });
-});
+// const loadingButton = document.getElementById("loadingButton");
+// loadingButton.addEventListener("click", function () {
+//   Ammo().then(function () {
+//     init();
+//     animate();
+//   });
+// });
 
 function init() {
   const overlay = document.getElementById("overlay");
@@ -50,7 +50,7 @@ function init() {
   directionalLight.position.set(-1, 1, 1).normalize();
   scene.add(directionalLight);
 
-  //
+  // renderer
 
   renderer = new THREE.WebGLRenderer({ antialias: true });
   renderer.setPixelRatio(window.devicePixelRatio);
@@ -153,3 +153,9 @@ function render() {
 }
 
 console.log("Animation loaded!");
+
+// Automatically start the animation
+Ammo().then(function () {
+  init();
+  animate();
+});