HTML5 ミニゲーム

自分が暇な時間に、HTML5で作成したミニゲームになります。
まだまだ動きがわるい場合がありますが、よかったら遊んでみてください。


DraRecoD -HarunaStage- (ドラレコD - 榛名ステージ - ) Version 1.00


ビデオカメラでの車載動画を使用したレースゲーム。 以下の特徴があります。
  • コースは頭文字Dで登場する榛名山(秋名山)の車載動画を利用。
  • アクセル・ブレーキ操作は動画の再生速度を変更することで表現。
  • ステアリング(ハンドル)操作は動画なので表現できないが、コーナー中に[←][→]ボタン押下しないと減速するものとした。
  • ダウンロード不要。下記のリンク先からブラウザ上で遊べる。
ゲームスタート(別ウィンドウで開きます)

おそらくパソコンでないと正常に動作しません。
スマートフォンで遊ぶ場合は、ページ下(↓)のスマートフォンVerを選択してください。

■遊び方

  1. 上記のリンク先をクリックします。
  2. 表示された「藤原豆腐店」をクリックすると、スタートとなります。
  3. アクセル・ブレーキ・ステアリングを操作して、ゴールを目指します。 コーナー手前で減速して、ステアリング操作しないと、ペナルティとして減速します。
  4. ゴールすると、タイムが表示されます。ローカル(自分のパソコン)に最速のタイムが保存されます。

■操作方法

アクセル[x]ボタン、もしくは画面上の[Accelerator]ボタン
ブレーキ[z]ボタン、もしくは画面上の[Brake]ボタン
ステアリング[←][→]ボタン、もしくは画面上の[<][>]ボタン


コーナー手前で下記まで減速、かつコーナー中に[←][→]ボタン押下で、OKとなります。
  • 高速コーナー :130以下
  • 中速コーナー :90以下
  • 低速コーナー :60以下

■使用素材

BGMは下記は下記を使用させていただきました。ありがとうございました。

エンジン音効果音ラボ
クラッシュ音
スタートシグナルポケットサウンド効果音素材
ゴールフリー音楽素材 Senses Circuit
BGM近未来的音楽素材3104式

■動作確認環境

下記の環境で動作確認しています。

Windows7 InternetExplorer11.0.23-
Windows7 Google Chrome45.0-
MacOS X 10.6.8 Safari5.1.10自車速度150以上にすると、動画フレームが飛ぶという制限あり

※スマホ等のAndroid/iOSでは動作しないはずです。 スマートフォンで遊ぶ場合は、ページ下(↓)のスマートフォンVerを選択してください。

■更新履歴

Ver 1.002015/10/28はじめての公開
DraRecoDドラレコDの画面





DraRecoD Smartphone Ver -HarunaStage- (ドラレコD スマートフォン版 - 榛名ステージ - ) Version 1.00


上記のゲームをスマートフォンで動作するようにしました。 以下の特徴があります。
  • ステアリング(ハンドル)操作はスマホを傾けることで表現。コーナー中にスマホを傾けないとペナルティとして一定時間停止。
  • アクセル・ブレーキ操作は自動とした。
  • パソコン版と同様、頭文字Dで登場する榛名山(秋名山)の車載動画を利用。
  • パソコン版と同様、ダウンロード不要。下記のリンク先からブラウザ上で遊べる。
ゲームスタート(別ウィンドウで開きます)

■遊び方

  1. 上記のリンク先をクリックします。
  2. 表示された「藤原豆腐店」をタッチすると、スタートとなります。
  3. コーナー手前でスマホを傾け、ステアリング操作します。 ステアリング操作しないと、ペナルティとして一定時間停止します。
  4. ゴールすると、タイムが表示されます。ローカル(自分のスマホ)に最速のタイムが保存されます。

■操作方法

アクセル自動操作
ブレーキ自動操作
ステアリングスマホを縦向きに持ち、左、もしくは右に傾けます。
左に傾けると「←」「←←」「←←←」、右に傾けると「→」「→→」「→→→」と表示されます。


コーナー中にスマホを左、もしくは右に傾けると、OKとなります。

■使用素材

BGMは下記は下記を使用させていただきました。ありがとうございました。

BGM近未来的音楽素材3104式

■動作確認環境

下記の環境で動作確認しています。

Android4.0.4 Google Chrome 42.0縦横比が16:9にならない制限あり
Android4.0.4 標準ブラウザ 4.0.4-
Android4.0.4 Y!ブラウザ 1.7.32-

スマートフォンの制限でBGMが鳴らないことがあります。

■更新履歴

Ver 1.002015/11/07はじめての公開
DraRecoDドラレコDの画面





トップページへ戻る