make a game where a dog is saveing a cat's game

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

No:45724

←

Prev Next

→

make a game where a dog is saveing a cat
Developer User19664｜Date and time 24/2/21 6:33:16
Build time 9.361 sec｜Game capacity 1.972KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dog Saving Cat Game</title>
</head>

const dogImg = new Image();
        dogImg.src = 'https://emojicombos.com/emoji/U1TDc-dog.png';
        const catImg = new Image();
        catImg.src = 'https://emojicombos.com/emoji/U1GBJ-cat.png';

let dogX = 200;
        let dogY = 350;
        let catX = 200;
        let catY = 50;

function drawDog() {
            ctx.drawImage(dogImg, dogX, dogY, 50, 50);
        }

function drawCat() {
            ctx.drawImage(catImg, catX, catY, 50, 50);
        }

function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

function moveDog(event) {
            clearCanvas();

switch (event.key) {
                case 'ArrowLeft':
                    dogX -= 10;
                    break;
                case 'ArrowRight':
                    dogX += 10;
                    break;
                case 'ArrowUp':
                    dogY -= 10;
                    break;
                case 'ArrowDown':
                    dogY += 10;
                    break;
                default:
                    break;
            }

drawDog();
            drawCat();

if (dogX === catX && dogY === catY) {
                alert('Dog saved the cat! Play again?');

// Reset cat position
                catX = Math.floor(Math.random() * 350) + 50;
                catY = Math.floor(Math.random() * 350) + 50;
            }
        }

document.addEventListener('keydown', moveDog);

drawDog();
        drawCat();
    </script>
</body>

</html>
```