4 Turtles drawing a Dog, Python's game

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

No:43446

←

Prev Next

→

4 Turtles drawing a Dog, Python
Developer User19182｜Date and time 24/2/15 14:18:51
Build time 9.769 sec｜Game capacity 3.144KB｜

Script

Sure! I have created a simple game for you using JavaScript and HTML. The game involves 4 turtles drawing a dog using pictograms. The game is designed for smartphone operation and can be played as a finished game. Here's the code enclosed within the script tags:

To play the game, simply save the above code in a single HTML file, and open it in a smartphone browser. You will see four turtles initially drawn on the canvas. You can move the first turtle by touching and dragging on the canvas. The dog pictogram will be drawn relative to the first turtle's position. Have fun playing the game!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

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

// Set initial positions for turtles
        const turtles = [
            { x: 50, y: 50 },
            { x: 350, y: 50 },
            { x: 50, y: 350 },
            { x: 350, y: 350 }
        ];

// Set dog pictogram
        const dog = [
            { x: 0, y: 0 },
            { x: -20, y: 50 },
            { x: 0, y: 100 },
            { x: 20, y: 50 }
        ];

function drawTurtle(x, y) {
            ctx.fillStyle = "green";
            ctx.beginPath();
            ctx.moveTo(x, y);
            ctx.lineTo(x + 20, y + 20);
            ctx.lineTo(x, y + 40);
            ctx.lineTo(x - 20, y + 20);
            ctx.closePath();
            ctx.fill();
        }

function drawDog(x, y) {
            ctx.strokeStyle = "black";
            ctx.lineWidth = 3;
            ctx.beginPath();
            ctx.moveTo(x + dog[0].x, y + dog[0].y);
            for (let i = 1; i < dog.length; i++) {
                ctx.lineTo(x + dog[i].x, y + dog[i].y);
            }
            ctx.closePath();
            ctx.stroke();
        }

function startGame() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw turtles
            for (let i = 0; i < turtles.length; i++) {
                const turtle = turtles[i];
                drawTurtle(turtle.x, turtle.y);
            }

// Draw dog
            drawDog(turtles[0].x + 30, turtles[0].y + 30);
        }

// Handle touch events
        function handleTouch(event) {
            event.preventDefault();
            const touch = event.changedTouches[0];
            const rect = canvas.getBoundingClientRect();
            const touchX = touch.clientX - rect.left;
            const touchY = touch.clientY - rect.top;

// Move the first turtle based on touch position
            turtles[0].x = touchX - 30;
            turtles[0].y = touchY - 30;

// Redraw the canvas
            startGame();
        }

// Bind the touch event
        canvas.addEventListener("touchmove", handleTouch, false);

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