A platformer where you are a female witch trying to collect books's game

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

No:17571

140

←

Prev Next

→

A platformer where you are a female witch trying t..ALL
Developer User7725｜Date and time 23/9/24 0:02:11
Build time 45.857 sec｜Game capacity 4.513KB｜

Script

Sure! Here's a simple implementation of a platformer game where you control a female witch trying to collect books. The game will be playable on smartphones and will use pictograms for visuals. Note: This code is a simplified example demonstrating the concept and may not include advanced functionality such as collision detection or smooth animations. Feel free to modify and enhance it as needed.

When you run this HTML file in a web browser, it will display a game canvas where you can control a witch character using touch controls. The witch can move left and right, and collects books that are present on the screen. The number of books collected will be displayed on the top left corner of the canvas. Feel free to customize and enhance the game further by adding more features, improving the visuals, or including additional game mechanics.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of a platformer game where you control a female witch trying to collect books. The game will be playable on smartphones and will use pictograms for visuals.

Note: This code is a simplified example demonstrating the concept and may not include advanced functionality such as collision detection or smooth animations. Feel free to modify and enhance it as needed.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Witchy Platformer</title>
  <style>
    /* Styling for the game canvas */
    #gameCanvas {
      width: 100%;
      height: 400px;
      background-color: #000;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Player witch object
      const witch = {
        x: 50, // Starting x position
        y: 200, // Starting y position
        width: 50,
        height: 50,
        speed: 3, // Movement speed
        jumping: false,
        dy: 0, // Vertical velocity
        booksCollected: 0
      };

// Books array
      const books = [
        { x: 300, y: 100, collected: false },
        { x: 200, y: 300, collected: false },
        { x: 100, y: 200, collected: false }
      ];

// Control inputs
      const input = {
        left: false,
        right: false,
        space: false
      };

// Event listeners for touch controls
      document.addEventListener("touchstart", handleTouchStart, false);
      document.addEventListener("touchend", handleTouchEnd, false);

// Touch control handlers
      function handleTouchStart(event) {
        event.preventDefault();
        if (event.touches[0].clientX < canvas.width / 2) {
          input.left = true;
        } else {
          input.right = true;
        }
        input.space = true; // Simulate jump on touch
      }
      
      function handleTouchEnd(event) {
        event.preventDefault();
        input.left = false;
        input.right = false;
        input.space = false;
      }

// Update game logic
      function update() {
        // Move the witch
        if (input.left) {
          witch.x -= witch.speed;
        }
        if (input.right) {
          witch.x += witch.speed;
        }

// Apply gravity
        witch.y += witch.dy;
        witch.dy += 0.2; // Gravity strength

// Prevent witch from falling through the floor
        if (witch.y + witch.height >= canvas.height) {
          witch.y = canvas.height - witch.height;
          witch.dy = 0;
          witch.jumping = false;
        }

// Book collection logic
        for (let i = 0; i < books.length; i++) {
          const book = books[i];

if (!book.collected) {
            if (witch.x < book.x + witch.width &&
                witch.x + witch.width > book.x &&
                witch.y < book.y + witch.height &&
                witch.y + witch.height > book.y) {
              book.collected = true;
              witch.booksCollected++;
            }
          }
        }

// Clear the canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the witch
        ctx.fillStyle = "#ff00ff"; // Purple color
        ctx.fillRect(witch.x, witch.y, witch.width, witch.height);

// Draw the books
        ctx.fillStyle = "#ffff00"; // Yellow color
        for (let i = 0; i < books.length; i++) {
          if (!books[i].collected) {
            ctx.fillRect(books[i].x, books[i].y, witch.width, witch.height);
          }
        }

// Display collected books count
        ctx.fillStyle = "#ffffff"; // White color
        ctx.font = "20px Arial";
        ctx.fillText("Books Collected: " + witch.booksCollected, 10, 30);

// Request a new animation frame
        requestAnimationFrame(update);
      }

// Start the game
      update();
    };
  </script>
</body>
</html>
```

Feel free to customize and enhance the game further by adding more features, improving the visuals, or including additional game mechanics.