Partical univers in a 3d cube's game

Click here for free DL of the app version that can save data.

No:48705

←

Prev Next

→

Partical univers in a 3d cube
Developer User18896｜Date and time 24/3/2 20:31:54
Build time 4.868 sec｜Game capacity 1.04KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

// Create the cube
  const cube = document.createElement('div');
  cube.style.width = `${cubeWidth}px`;
  cube.style.height = `${cubeHeight}px`;
  cube.style.backgroundColor = 'black';
  cube.style.position = 'absolute';
  cube.style.transform = 'rotateX(45deg) rotateY(45deg)';
  cube.style.transformStyle = 'preserve-3d';
  cube.style.transition = 'transform 0.5s';

document.body.appendChild(cube);

let isMouseDown = false;
  let startX, startY;

cube.addEventListener('mousedown', (event) => {
    isMouseDown = true;
    startX = event.pageX;
    startY = event.pageY;
  });

cube.addEventListener('mousemove', (event) => {
    if (isMouseDown) {
      const deltaX = event.pageX - startX;
      const deltaY = event.pageY - startY;

cube.style.transform = `rotateX(${deltaY}deg) rotateY(${deltaX}deg)`;
    }
  });

cube.addEventListener('mouseup', () => {
    isMouseDown = false;
  });
</script>