3d animation stickman's game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
3d animation stickman's game | AI game creator

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

No:51310

180

←

Prev Next

→

3d animation stickman
Developer Winnerweiner2113｜Date and time 24/3/11 14:29:19
Build time 9.006 sec｜Game capacity 2.174KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

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

let stickmanX = 300;
        let stickmanY = 300;
        let stickmanSize = 50;
        let stickmanSpeed = 5;

function drawStickman() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.fillStyle = "black";
            ctx.fillRect(stickmanX, stickmanY, stickmanSize, stickmanSize * 2);
            ctx.beginPath();
            ctx.arc(stickmanX + stickmanSize / 2, stickmanY + stickmanSize * 2, stickmanSize / 2, 0, Math.PI * 2);
            ctx.fill();
            ctx.moveTo(stickmanX - 10, stickmanY);
            ctx.lineTo(stickmanX + stickmanSize / 2, stickmanY - 20);
            ctx.lineTo(stickmanX + stickmanSize + 10, stickmanY);
            ctx.closePath();
            ctx.fill();
        }

function moveStickman(dx, dy) {
            if (stickmanX + dx >= 0 && stickmanX + dx + stickmanSize <= canvas.width) {
                stickmanX += dx;
            }
            if (stickmanY + dy >= 0 && stickmanY + dy + stickmanSize * 2 <= canvas.height) {
                stickmanY += dy;
            }
        }

window.addEventListener('keydown', (event) => {
            switch(event.key) {
                case "ArrowLeft":
                    moveStickman(-stickmanSpeed, 0);
                    break;
                case "ArrowRight":
                    moveStickman(stickmanSpeed, 0);
                    break;
                case "ArrowUp":
                    moveStickman(0, -stickmanSpeed);
                    break;
                case "ArrowDown":
                    moveStickman(0, stickmanSpeed);
                    break;
            }
        });

function gameLoop() {
            drawStickman();
            requestAnimationFrame(gameLoop);
        }

gameLoop();
    </script>
</body>
</html>
```