Sisters exclusive game. The player is a black dot that can move, he has a dragon as a pet, this dragon is represented by a red dot that can move, both dots need to be controlled by the player, the player and his pet are trapped in a room, the door is locked, the key is a yellow dot, get and open the door to pass, you can choose to exit, you can also choose to start again, the door is represented by a green dot, the door after opening the door is represented by a blue dot.'s game

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

No:7336

1379

←

Prev Next

→

Sisters exclusive game. The player is a black dot ..ALL
Developer User3988｜Date and time 23/7/6 22:43:12
Build time 29.133 sec｜Game capacity 3.921KB｜

Script

以下是一个简单实现的游戏示例：

这个游戏中，玩家是一个可以移动的黑点，宠物是一个用红点表示的龙。玩家需要通过控制黑点移动来与红点接触来控制宠物的移动。游戏的目标是找到黄色的钥匙并用它打开绿色的门。当控制宠物的红点接触到黄色钥匙后，钥匙将会消失。当玩家的黑点接触到绿色门时，如果已经拿到了钥匙，则门将变为蓝色表示已经打开。玩家可以通过方向键来控制黑点的移动。注意：由于本示例使用HTML5的canvas绘图功能，因此可能无法在某些智能手机浏览器上完全显示，最好在电脑上运行。

←

Prev　Next

→ 　

Back　

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

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

以下是一个简单实现的游戏示例：

```html
<!DOCTYPE html>
<html>
<head>
    <title>妹妹的专属游戏</title>
</head>
<body>
    <script>
        // 配置画布大小
        const canvasWidth = 500;
        const canvasHeight = 500;

// 配置玩家和宠物的初始位置
        let playerX = canvasWidth / 2;
        let playerY = canvasHeight / 2;
        let petX = canvasWidth / 2;
        let petY = canvasHeight / 2;

// 配置门和钥匙的初始位置
        let keyX = Math.random() * canvasWidth;
        let keyY = Math.random() * canvasHeight;
        let doorX = Math.random() * canvasWidth;
        let doorY = Math.random() * canvasHeight;

// 配置画布和绘图上下文
        const canvas = document.createElement('canvas');
        canvas.width = canvasWidth;
        canvas.height = canvasHeight;
        document.body.appendChild(canvas);
        const ctx = canvas.getContext('2d');

// 绘制游戏场景
        function drawScene() {
            // 清空画布
            ctx.clearRect(0, 0, canvasWidth, canvasHeight);
            
            // 绘制玩家和宠物
            ctx.fillStyle = 'black';
            ctx.beginPath();
            ctx.arc(playerX, playerY, 5, 0, 2 * Math.PI);
            ctx.fill();
            ctx.fillStyle = 'red';
            ctx.beginPath();
            ctx.arc(petX, petY, 5, 0, 2 * Math.PI);
            ctx.fill();

// 绘制钥匙和门
            if (!keyTaken) {
                ctx.fillStyle = 'yellow';
                ctx.beginPath();
                ctx.arc(keyX, keyY, 5, 0, 2 * Math.PI);
                ctx.fill();
            }
            if (doorOpen) {
                ctx.fillStyle = 'blue';
            } else {
                ctx.fillStyle = 'green';
            }
            ctx.beginPath();
            ctx.arc(doorX, doorY, 5, 0, 2 * Math.PI);
            ctx.fill();
        }

// 检查是否接触到指定位置点
        function checkContact(x1, y1, x2, y2, radius) {
            const dx = x1 - x2;
            const dy = y1 - y2;
            const distance = Math.sqrt(dx * dx + dy * dy);
            return distance <= radius;
        }

// 处理按键事件
        function handleKeyDown(event) {
            const key = event.key;
            if (key === 'ArrowUp') {
                playerY -= 10;
            } else if (key === 'ArrowDown') {
                playerY += 10;
            } else if (key === 'ArrowLeft') {
                playerX -= 10;
            } else if (key === 'ArrowRight') {
                playerX += 10;
            }

// 检查是否拿到钥匙
            if (!keyTaken && checkContact(playerX, playerY, keyX, keyY, 5)) {
                keyTaken = true;
            }

// 检查是否打开门
            if (checkContact(playerX, playerY, doorX, doorY, 5) && keyTaken) {
                doorOpen = true;
            }

// 重新绘制场景
            drawScene();
        }

// 监听按键事件
        document.addEventListener('keydown', handleKeyDown);

// 初始化游戏场景
        let keyTaken = false;
        let doorOpen = false;
        drawScene();
    </script>
</body>
</html>
```

这个游戏中，玩家是一个可以移动的黑点，宠物是一个用红点表示的龙。玩家需要通过控制黑点移动来与红点接触来控制宠物的移动。游戏的目标是找到黄色的钥匙并用它打开绿色的门。当控制宠物的红点接触到黄色钥匙后，钥匙将会消失。当玩家的黑点接触到绿色门时，如果已经拿到了钥匙，则门将变为蓝色表示已经打开。玩家可以通过方向键来控制黑点的移动。

注意：由于本示例使用HTML5的canvas绘图功能，因此可能无法在某些智能手机浏览器上完全显示，最好在电脑上运行。