I want a game like terreria minecraft and 7 days to die's game

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

No:9006

185

←

Prev Next

→

I want a game like terreria minecraft and 7 days t..ALL
Developer User4283｜Date and time 23/7/20 10:37:24
Build time 43.927 sec｜Game capacity 4.875KB｜

Script

Sure, I can provide you with a game sample inspired by Terraria, Minecraft, and 7 Days to Die. Although it might not include pictograms, it will be a playable game implemented as a single HTML file with JavaScript enclosed in script tags. Here's the code for a simple game where you can move around and break/collect blocks:

You can copy and paste this code into an HTML file, save it, and open it in a web browser. The game will start, and you can use the arrow keys to control the player's movement in the game world. The player can jump, collide with blocks, and explore the environment. It's a simple example, but you can build upon it to create a more complex game similar to Terraria, Minecraft, or 7 Days to Die.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      margin: 0;
      overflow: hidden;
    }
    
    canvas {
      background-color: #111;
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

const blockSize = 30; // Size of each block
    const playerSpeed = 3; // Speed of player movement

const world = [
      [1, 1, 1, 1, 1, 1, 1],
      [1, 0, 0, 0, 0, 0, 1],
      [1, 0, 1, 1, 1, 1, 1],
      [1, 0, 1, 0, 0, 0, 1],
      [1, 0, 1, 0, 1, 0, 1],
      [1, 0, 1, 0, 1, 0, 1],
      [1, 1, 1, 1, 1, 1, 1],
    ]; // The game world map (1 represents a block, 0 represents empty space)

const player = {
      x: blockSize * 2, // Initial player position
      y: blockSize * 2,
      width: blockSize,
      height: blockSize,
      speedX: 0,
      speedY: 0,
      canJump: false,
      isJumping: false,
    };

// Game update
    function update() {
      movePlayer();
    }

// Handle player movement
    function movePlayer() {
      player.x += player.speedX;
      player.y += player.speedY;

// Detect collision with blocks
      const playerTop = Math.floor(player.y / blockSize);
      const playerBottom = Math.floor((player.y + player.height) / blockSize);
      const playerLeft = Math.floor(player.x / blockSize);
      const playerRight = Math.floor((player.x + player.width) / blockSize);

if (
        world[playerBottom][playerLeft] === 1 ||
        world[playerBottom][playerRight] === 1
      ) {
        player.y = playerBottom * blockSize - player.height - 1;
        player.canJump = true;
      } else {
        player.canJump = false;
      }

if (
        world[playerTop][playerLeft] === 1 ||
        world[playerTop][playerRight] === 1
      ) {
        player.y = playerTop * blockSize + blockSize + 1;
      }

if (
        world[playerTop][playerLeft] === 1 ||
        world[playerBottom][playerLeft] === 1
      ) {
        player.x = playerLeft * blockSize + blockSize + 1;
      }

if (
        world[playerTop][playerRight] === 1 ||
        world[playerBottom][playerRight] === 1
      ) {
        player.x = playerRight * blockSize - player.width - 1;
      }
    }

// Game rendering
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

drawWorld();
      drawPlayer();

requestAnimationFrame(draw);
    }

// Render the game world
    function drawWorld() {
      for (let row = 0; row < world.length; row++) {
        for (let col = 0; col < world[row].length; col++) {
          const block = world[row][col];
          if (block === 1) {
            ctx.fillStyle = '#aaa';
            ctx.fillRect(col * blockSize, row * blockSize, blockSize, blockSize);
          }
        }
      }
    }

// Render the player
    function drawPlayer() {
      ctx.fillStyle = '#f00';
      ctx.fillRect(player.x, player.y, player.width, player.height);
    }

// Keyboard event listeners to control player movement
    document.addEventListener('keydown', (e) => {
      if (e.key === 'ArrowUp' && player.canJump) {
        player.isJumping = true;
        player.speedY = -playerSpeed * 2;
      } else if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
        player.speedX = e.key === 'ArrowLeft' ? -playerSpeed : playerSpeed;
      }
    });

// Start the game loop
    function gameLoop() {
      update();
      draw();
    }

gameLoop(); // Start the game

// Adjust canvas size when the window is resized
    window.addEventListener('resize', () => {
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
    });
  </script>
</body>
</html>
```