Dokidoki American Independence Game!'s game

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

No:8164

2951

←

Prev Next

→

Dokidoki American Independence Game!
Developer User3589｜Date and time 23/7/14 0:25:56
Build time 12.024 sec｜Game capacity 2.517KB｜

Script

了解しまし

Score: 0

Time: 10

このコードでは、SVG内の各州を表すpath要素がタッチイベントに反応するようになっています。各州をタップすると得点が加算されます。なお、上記コードのSVG部分はイメージです。実際には、正確なアメリカの地図データが必要になります。このデータはインターネット上で公開されているものを使用するか、あるいはGISソフトウェアを用いて自分で作成することが可能です。このゲームでは、10秒間の制限時間内でタップするたびにスコアが1点加算されます。制限時間が終了すると、最終スコアが表示されます。絵文字は使用しておらず、スマホでも操作可能な仕様になっています。

←

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-size: 2rem;
      padding: 10px;
    }
    /* ここに各州のSVGスタイルを定義 */
    #california {
      fill: #f00;
    }
    #texas {
      fill: #0f0;
    }
    /* 他の州もこのように追加します */
  </style>
</head>
<body>
  <div id="score">Score: 0</div>
  <div id="timer">Time: 10</div>

<svg id="usa-map" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 959 593">
    
    <path id="california" d="..." />
    <path id="texas" d="..." />
    
  </svg>

このコードでは、SVG内の各州を表すpath要素がタッチイベントに反応するようになっています。各州をタップすると得点が加算されます。

なお、上記コードのSVG部分はイメージです。実際には、正確なアメリカの地図データが必要になります。このデータはインターネット上で公開されているものを使用するか、あるいはGISソフトウェアを用いて自分で作成することが可能です。

このゲームでは、10秒間の制限時間内でタップするたびにスコアが1点加算されます。制限時間が終了すると、最終スコアが表示されます。絵文字は使用しておらず、スマホでも操作可能な仕様になっています。