Dance Dance Revolution's game

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

No:6203

4137

←

Prev Next

→

Dance Dance Revolution
Developer もちきなこ｜Date and time 23/7/1 20:53:19
Build time 18.712 sec｜Game capacity 1.826KB｜

Script

了解です。ダンスダンスレボリューション風のゲームを作成します。以下が実装例です。

このプログラムは、ダンスダンスレボリューションをイメージしたゲームで、キーボードの上下左右キーを押すと、対応する矢印が上から降ってくるというものです。矢印は画面下部まで降りたら消えます。なお、本プログラムはスマートフォンでも遊ぶことができますが、キーボードがない場合は矢印の入力ができませんので、スマホのキーボードを表示させて操作してください。

←

Prev　Next

→ 　

Back　

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

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

了解です。ダンスダンスレボリューション風のゲームを作成します。以下が実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Dance Dance Revolution</title>
    <style>
        body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
        }
    </style>
</head>
<body>
    <script>
        document.addEventListener('keydown', function(event) {
            const key = event.key;
            if (key === 'ArrowUp' || key === 'ArrowDown' || key === 'ArrowLeft' || key === 'ArrowRight') {
                const arrow = document.createElement('div');
                arrow.classList.add('arrow', key);
                document.body.appendChild(arrow);
            }
        });

setInterval(moveArrows, 1000 / 60);

このプログラムは、ダンスダンスレボリューションをイメージしたゲームで、キーボードの上下左右キーを押すと、対応する矢印が上から降ってくるというものです。矢印は画面下部まで降りたら消えます。

なお、本プログラムはスマートフォンでも遊ぶことができますが、キーボードがない場合は矢印の入力ができませんので、スマホのキーボードを表示させて操作してください。