AI game creator

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

No:16177

120

←

Prev Next

→

ピアノ
Developer はにわ｜Date and time 23/9/16 15:21:27
Build time 14.542 sec｜Game capacity 1.672KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Piano Game</title>
    <style>
      #piano {
        display: flex;
        justify-content: space-around;
        align-items: center;
        height: 100vh;
        background-color: #F8F9FA;
      }

.key {
        font-size: 3rem;
        padding: 2rem;
        border: 2px solid #212529;
        border-radius: 10px;
        background-color: #FFF;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div id="piano">
      <div class="key" onclick="playSound('C')">C</div>
      <div class="key" onclick="playSound('D')">D</div>
      <div class="key" onclick="playSound('E')">E</div>
      <div class="key" onclick="playSound('F')">F</div>
      <div class="key" onclick="playSound('G')">G</div>
      <div class="key" onclick="playSound('A')">A</div>
      <div class="key" onclick="playSound('B')">B</div>
    </div>

switch (note) {
          case 'C':
            audio.src = 'sounds/C.mp3';
            break;
          case 'D':
            audio.src = 'sounds/D.mp3';
            break;
          case 'E':
            audio.src = 'sounds/E.mp3';
            break;
          case 'F':
            audio.src = 'sounds/F.mp3';
            break;
          case 'G':
            audio.src = 'sounds/G.mp3';
            break;
          case 'A':
            audio.src = 'sounds/A.mp3';
            break;
          case 'B':
            audio.src = 'sounds/B.mp3';
            break;
        }

audio.play();
      }
    </script>
  </body>
</html>