AI game creator

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

No:43621

103

←

Prev Next

→

jenga
Developer Bowgray｜Date and time 24/2/16 5:47:51
Build time 9.824 sec｜Game capacity 2.611KB｜

Script

Sure! Here's a simple implementation of Jenga using JavaScript and HTML:

This implementation creates a simple Jenga tower using rectangular blocks. You can touch a block on the tower to remove it, and it will be redrawn without the removed block. The game is optimised for smartphone operation and uses pictogram-like blocks to represent the Jenga tower.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's a simple implementation of Jenga using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jenga Game</title>
</head>
<body>
  <canvas id="jengaCanvas" width="400" height="600"></canvas>
  
  <script>
    // Jenga Game implementation
    const canvas = document.getElementById("jengaCanvas");
    const context = canvas.getContext("2d");
    
    const blockWidth = 50;
    const blockHeight = 20;
    const towerHeight = 5;
    const towerColor = ['#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff'];
    
    let tower = [];
    
    // Initialize Jenga tower
    function initializeJenga() {
      for (let i = 0; i < towerHeight; i++) {
        tower[i] = [];
        for (let j = 0; j < 3; j++) {
          tower[i][j] = { x: (canvas.width / 2) - ((3 / 2 - j) * blockWidth), y: canvas.height - (i + 1) * blockHeight, color: towerColor[i] };
        }
      }
    }
    
    // Draw Jenga tower
    function drawJengaTower() {
      for (let i = 0; i < towerHeight; i++) {
        for (let j = 0; j < 3; j++) {
          context.fillStyle = tower[i][j].color;
          context.fillRect(tower[i][j].x, tower[i][j].y, blockWidth, blockHeight);
        }
      }
    }
    
    // Handle touch events on the canvas
    function handleTouch(event) {
      const rect = canvas.getBoundingClientRect();
      const touchX = event.targetTouches[0].clientX - rect.left;
      const touchedRow = Math.floor((canvas.height - event.targetTouches[0].clientY) / blockHeight);
      
      if (touchedRow >= 0 && touchedRow < towerHeight) {
        for (let j = 0; j < 3; j++) {
          if (touchX >= tower[touchedRow][j].x && touchX <= tower[touchedRow][j].x + blockWidth) {
            // Remove the block from the tower
            tower[touchedRow].splice(j, 1);
            break;
          }
        }
      }
      
      // Clear the canvas and redraw the updated tower
      context.clearRect(0, 0, canvas.width, canvas.height);
      drawJengaTower();
    }
    
    // Start the Jenga game
    function startJengaGame() {
      initializeJenga();
      drawJengaTower();
      
      // Add event listener to handle touch events
      canvas.addEventListener('touchstart', handleTouch, false);
    }
    
    // Start the Jenga game
    startJengaGame();
    
  </script>
</body>
</html>
```