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

No:5759

619

←

Prev Next

→

electrical parade
Developer User3839｜Date and time 23/6/30 19:03:53
Build time 32.156 sec｜Game capacity 2.947KB｜

Script

了解しました。エレクトリカルパレードというゲームを作ります。以下が実装例です。

エレクトリカルパレード

上記のコードは、以下のようなエレクトリカルパレードのゲームを表現しています。ブラウザで開くとプレイできます。 1. テーブル上には9つのマス目が表示されます。 2. マス目をクリックすると、カーソル下のマス目の色が変わります。 3. マス目は4つの色（赤、青、黄、緑）のいずれかを持つことができます。 4. クリックするたびに色は順番に切り替わります。タイトルやスタイルは簡素なものですが、基本的なゲームプレイは実装しています。これを基に、さらに機能やルールを追加してゲームを充実させることも可能です。

←

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>エレクトリカルパレード</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      background-color: black;
    }
    
    #gameboard {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 20px;
    }
    
    .cell {
      width: 60px;
      height: 60px;
      background-color: white;
      margin: 5px;
      font-size: 30px;
      color: black;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }
    
    .cell:hover {
      background-color: gray;
    }
    
    .red {
      color: red;
    }
    
    .blue {
      color: blue;
    }
    
    .yellow {
      color: yellow;
    }
    
    .green {
      color: green;
    }
  </style>
</head>
<body>
  <h1>エレクトリカルパレード</h1>
  <div id="gameboard">
    <div class="cell" onclick="chooseColor(this)"></div>
    <div class="cell" onclick="chooseColor(this)"></div>
    <div class="cell" onclick="chooseColor(this)"></div>
    <div class="cell" onclick="chooseColor(this)"></div>
    <div class="cell" onclick="chooseColor(this)"></div>
    <div class="cell" onclick="chooseColor(this)"></div>
    <div class="cell" onclick="chooseColor(this)"></div>
    <div class="cell" onclick="chooseColor(this)"></div>
    <div class="cell" onclick="chooseColor(this)"></div>
  </div>

上記のコードは、以下のようなエレクトリカルパレードのゲームを表現しています。ブラウザで開くとプレイできます。

1. テーブル上には9つのマス目が表示されます。
2. マス目をクリックすると、カーソル下のマス目の色が変わります。
3. マス目は4つの色（赤、青、黄、緑）のいずれかを持つことができます。
4. クリックするたびに色は順番に切り替わります。

タイトルやスタイルは簡素なものですが、基本的なゲームプレイは実装しています。これを基に、さらに機能やルールを追加してゲームを充実させることも可能です。