Create a game where you have to flick a dagger at skulls with gravity physics and bounce physics into a giant head that eats the skulls.'s game

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

No:41439

←

Prev Next

→

Create a game where you have to flick a dagger at ..ALL
Developer User18546｜Date and time 24/2/7 12:11:27
Build time 14.264 sec｜Game capacity 4.304KB｜

Script

Sure! Here's the code for a simple game where you can flick a dagger at skulls using gravity physics and bounce physics to feed a giant head that eats the skulls. The game assumes smartphone operation and uses pictograms for visual representation. Note: This code can be saved as a single HTML file and opened in a web browser.

This code creates a canvas where you can touch/drag to move the dagger. The goal is to hit the skulls with the dagger and feed them to the giant head located at the bottom of the screen. The game will continue to run until you hit the floor with the dagger or if you close the browser window. Enjoy playing the game!

←

Prev　Next

→ 　

Back　

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

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

Note: This code can be saved as a single HTML file and opened in a web browser.

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

// Function to draw the dagger
        function drawDagger() {
            ctx.beginPath();
            ctx.moveTo(daggerX - 10, daggerY);
            ctx.lineTo(daggerX + 10, daggerY);
            ctx.lineTo(daggerX, daggerY - 30);
            ctx.closePath();
            ctx.fillStyle = "black";
            ctx.fill();
        }

// Function to draw the skull
        function drawSkull() {
            ctx.beginPath();
            ctx.arc(skullX, skullY, skullRadius, 0, Math.PI * 2);
            ctx.fillStyle = "red";
            ctx.fill();
            ctx.closePath();
        }

// Function to draw the head
        function drawHead() {
            ctx.beginPath();
            ctx.arc(headX, headY, headRadius, 0, Math.PI * 2);
            ctx.fillStyle = "green";
            ctx.fill();
            ctx.closePath();
        }

// Function to handle dagger movement on touch/drag
        function handleTouchMove(event) {
            daggerX = event.touches[0].clientX - canvas.offsetLeft;
            daggerY = event.touches[0].clientY - canvas.offsetTop;
        }

// Event listener for touch/drag movement
        canvas.addEventListener("touchmove", handleTouchMove, false);

// Function to update the game
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawDagger();
            drawSkull();
            drawHead();

// Calculate distance between dagger and skull
            let distance = Math.hypot(daggerX - skullX, daggerY - skullY);

// Check if dagger hits the skull
            if (distance < skullRadius) {
                skullX = Math.random() * (canvas.width - skullRadius * 2) + skullRadius;
                skullY = skullRadius + 30;
            }

// Check if skull enters the head
            if (skullY + skullRadius > headY - headRadius && skullX > headX - headRadius && skullX < headX + headRadius) {
                skullX = Math.random() * (canvas.width - skullRadius * 2) + skullRadius;
                skullY = skullRadius + 30;
            }

// Move the dagger with gravity effect
            dy += 0.5;
            daggerX += dx;
            daggerY += dy;

// Bounce the dagger off the walls
            if (daggerX + 10 > canvas.width || daggerX - 10 < 0) {
                dx = -dx;
            }

// Reset dagger position if it hits the floor
            if (daggerY + 30 > canvas.height) {
                daggerX = canvas.width / 2;
                daggerY = canvas.height - 30;
                dx = 0;
                dy = 0;
            }

requestAnimationFrame(update);
        }

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