A 3D man walking forward to cut a 3D wood and build a 3D wooden house's game

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

No:35355

←

Prev Next

→

A 3D man walking forward to cut a 3D wood and buil..ALL
Developer User16524｜Date and time 24/1/14 6:05:58
Build time 11.669 sec｜Game capacity 3.752KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Woodcutting Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Player Variables
        const playerWidth = 50;
        const playerHeight = 50;
        const playerSpeed = 5;

// Wood Variables
        const woodWidth = 70;
        const woodHeight = 70;
        const woodSpeed = 3;

// House Variables
        const houseWidth = 100;
        const houseHeight = 100;
        const houseSpeed = 2;

// Game Initialization
        function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

player = {
                x: canvas.width / 2 - playerWidth / 2,
                y: canvas.height - playerHeight - 10
            };

wood = {
                x: Math.random() * (canvas.width - woodWidth),
                y: -woodHeight,
                speed: woodSpeed
            };

house = {
                x: Math.random() * (canvas.width - houseWidth),
                y: -houseHeight,
                speed: houseSpeed
            };

score = 0;

document.addEventListener("keydown", movePlayer);

setInterval(update, 10);
        }

// Player Movement
        function movePlayer(e) {
            if (e.key === "ArrowLeft" && player.x > 0) {
                player.x -= playerSpeed;
            } else if (e.key === "ArrowRight" && player.x + playerWidth < canvas.width) {
                player.x += playerSpeed;
            } else if (e.key === "ArrowUp" && player.y > 0) {
                player.y -= playerSpeed;
            } else if (e.key === "ArrowDown" && player.y + playerHeight < canvas.height) {
                player.y += playerSpeed;
            }
        }

// Game Update
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.fillStyle = "blue";
            ctx.fillRect(player.x, player.y, playerWidth, playerHeight);

ctx.fillStyle = "brown";
            ctx.fillRect(wood.x, wood.y, woodWidth, woodHeight);
            ctx.fillStyle = "black";
            ctx.font = "15px Arial";
            ctx.fillText("Wood", wood.x + 25, wood.y + 35);

ctx.fillStyle = "green";
            ctx.fillRect(house.x, house.y, houseWidth, houseHeight);
            ctx.fillStyle = "black";
            ctx.font = "15px Arial";
            ctx.fillText("House", house.x + 25, house.y + 35);

// Collision Detection
            if (wood.y + woodHeight >= player.y && wood.y <= player.y + playerHeight &&
                wood.x + woodWidth >= player.x && wood.x <= player.x + playerWidth) {
                score += 10;
                wood.x = Math.random() * (canvas.width - woodWidth);
                wood.y = -woodHeight;
            }

if (house.y + houseHeight >= player.y && house.y <= player.y + playerHeight &&
                house.x + houseWidth >= player.x && house.x <= player.x + playerWidth) {
                score += 50;
                house.x = Math.random() * (canvas.width - houseWidth);
                house.y = -houseHeight;
            }

wood.y += wood.speed;
            house.y += house.speed;

ctx.fillStyle = "black";
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 30);
        }
    </script>