There is two buttons the first is up and the second is down up and down make a cube move's game

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

No:36165

←

Prev Next

→

There is two buttons the first is up and the secon..ALL
Developer User16695｜Date and time 24/1/17 2:28:05
Build time 8.002 sec｜Game capacity 1.709KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file, using JavaScript and pictograms to move a cube up and down. You can play the game on a smartphone by tapping on the "Up" and "Down" buttons to move the cube.

In this example, we use CSS to style the cube as a blue square and position it absolutely on the screen. The cube starts at the top of the screen and can be moved up or down by 50 pixels each time the corresponding button is tapped. The cube's position is updated dynamically using JavaScript and CSS transitions.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Cube Game</title>
    <style>
      #cube {
        width: 50px;
        height: 50px;
        position: absolute;
        background-color: blue;
        transition: top 0.5s;
      }
      
      #upBtn, #downBtn {
        width: 80px;
        height: 40px;
        margin: 10px;
        font-size: 20px;
      }
    </style>
  </head>
  <body>
    <div id="circle"></div>
    <button id="upBtn">Up</button>
    <button id="downBtn">Down</button>

upBtn.addEventListener('click', function() {
        var currentTop = parseInt(cube.style.top) || 0;
        var newTop = currentTop - 50;
        circle.style.top = newTop + 'px';
      });

downBtn.addEventListener('click', function() {
        var currentTop = parseInt(cube.style.top) || 0;
        var newTop = currentTop + 50;
        circle.style.top = newTop + 'px';
      });
    </script>
  </body>
</html>
```