Un cubo 3d che si muove's game

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

No:46694

←

Prev Next

→

Un cubo 3d che si muove
Developer User20131｜Date and time 24/2/25 20:06:33
Build time 4.139 sec｜Game capacity 1.008KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
   <title>Cubo 3D Game</title>
   <style>
      #cube {
         width: 50px;
         height: 50px;
         background: red;
         position: absolute;
         top: 50%;
         left: 50%;
         margin-top: -25px;
         margin-left: -25px;
      }
   </style>
</head>
<body>
   <div id="cube"></div>
   <script>
      var cube = document.getElementById('cube');

document.addEventListener('keydown', function(event) {
         var key = event.key;
         var top = parseInt(cube.style.top) || 0;
         var left = parseInt(cube.style.left) || 0;

if (key === 'ArrowUp') {
            cube.style.top = (top - 10) + 'px';
         } else if (key === 'ArrowDown') {
            cube.style.top = (top + 10) + 'px';
         } else if (key === 'ArrowLeft') {
            cube.style.left = (left - 10) + 'px';
         } else if (key === 'ArrowRight') {
            cube.style.left = (left + 10) + 'px';
         }
      });
   </script>
</body>
</html>