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

No:34084

←

Prev Next

→

a worm named sidoms
Developer User16040｜Date and time 24/1/8 6:25:43
Build time 22.397 sec｜Game capacity 2.065KB｜

Script

Sidoms: O Jogo da Minhoca

Use os botões abaixo para mover a minhoca Sidoms:

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Sidoms: O Jogo da Minhoca</title>
    <style>
      body {
        background-color: #f9f5ed;
        text-align: center;
        font-family: Arial, sans-serif;
      }

h1 {
        color: #664d1e;
      }

#game {
        margin-top: 50px;
      }

#worm {
        font-size: 40px;
      }
    </style>
  </head>
  <body>
    <h1>Sidoms: O Jogo da Minhoca</h1>
    <div id="game">
      <p>Use os botões abaixo para mover a minhoca Sidoms:</p>
      <button id="up">⬆️</button>
      <br />
      <button id="left">⬅️</button>
      <button id="down">⬇️</button>
      <button id="right">➡️</button>
    </div>

moveUp() {
          this.y -= 1;
          this.display();
        }

moveDown() {
          this.y += 1;
          this.display();
        }

moveLeft() {
          this.x -= 1;
          this.display();
        }

moveRight() {
          this.x += 1;
          this.display();
        }

display() {
          const wormElement = document.getElementById("worm");
          wormElement.style.left = `${this.x * 50}px`;
          wormElement.style.top = `${this.y * 50}px`;
        }
      }

// Cria uma instância da minhoca Sidoms
      const sidoms = new Worm();

// Captura os botões de movimentação e adiciona os eventos de clique
      const upButton = document.getElementById("up");
      upButton.addEventListener("click", () => sidoms.moveUp());

const downButton = document.getElementById("down");
      downButton.addEventListener("click", () => sidoms.moveDown());

const leftButton = document.getElementById("left");
      leftButton.addEventListener("click", () => sidoms.moveLeft());

const rightButton = document.getElementById("right");
      rightButton.addEventListener("click", () => sidoms.moveRight());
    </script>
  </body>
</html>