Update index.html

index.html

@@ -49,7 +49,6 @@
           this.resetPosition();
           setTimeout(resetAndStartAgain, Math.random() * this.data.meltTime + 15000);
         };
-
         setTimeout(resetAndStartAgain, Math.random() * this.data.meltTime + 15000);
       },
       resetPosition: function() {
@@ -58,7 +57,6 @@
           5 + Math.random() * 5,
           Math.random() * 20 - 10
         );
-
         this.velocity = new THREE.Vector3(
           (Math.random() - 0.5) * 0.01, // Random wind effect
           -0.02, // Falling speed
@@ -74,6 +72,40 @@
       }
     });
 
+    AFRAME.registerComponent('custom-controls', {
+      init: function () {
+        this.velocityY = 0;
+        this.isMovingUp = false;
+        window.addEventListener('keydown', (e) => {
+          if (e.key === 'q' || e.key === 'Q') {
+            this.isMovingUp = true;
+          }
+          if (e.key === 'e' || e.key === 'E') {
+            this.velocityY = 0; // Stop upward movement
+          }
+        });
+        window.addEventListener('keyup', (e) => {
+          if (e.key === 'q' || e.key === 'Q') {
+            this.isMovingUp = false;
+          }
+        });
+      },
+      tick: function () {
+        let position = this.el.getAttribute('position');
+        if (this.isMovingUp) {
+          this.velocityY = 0.05; // Upward velocity
+        } else {
+          this.velocityY -= 0.01; // Gravity
+        }
+        position.y += this.velocityY;
+        if (position.y < 1.6) { // Ground level
+          position.y = 1.6;
+          this.velocityY = 0;
+        }
+        this.el.setAttribute('position', position);
+      }
+    });
+    
     function createSnowflakeCloud(x, y, z, numParticles) {
       let cloud = document.createElement('a-entity');
       cloud.object3D.position.set(x, y, z);