ゲームコーナー

弊社制作のサウンドの試聴ページを設置する予定でしたが、より実践的なサウンドの組み込み例をご覧いただきたく
ブラウザ・ゲームを制作致しました。

気軽に遊べるミニ・ゲームですので、一度、お試し下さい。

【Tech Tom】 プロモーション

遊び方

基本操作

画面上部の丸いパッドをクリック、タップすると音が出るよ。
詳しい使い方は「画面説明」を見てね!

画面説明


推奨動作環境

Web Audio API バージョン

 Web Audio API対応ブラウザ safari、chrome、Firefox
 ※ インターネット・エクスプローラーでは動作しません。

解説

Web Audio API のオシレーター機能を利用しているため、JavaScript版がございません。
ご了承ください。

ブラウザ対応ということで、Android版【Tech Tom】 とも、参考にしたDS-4とも出音が違いますが、
シンセ・ドラムを少しでもお楽しみいただければ幸いです。

nithemin -ニセミン-

遊び方

基本操作

画面下半分の水色部分をタッチ、クリックすると音が出るよ。
詳しい使い方は「画面説明」を見てね!

画面説明


推奨動作環境

Web Audio API バージョン

 Web Audio API対応ブラウザ safari、chrome、Firefox
 ※ インターネット・エクスプローラーでは動作しません。

解説

今回は楽器的なものということで、Web Audio API のオシレーター機能を利用しているため、 JavaScript版がございません。
ご了承ください。

Enchantjs がバージョンアップして Web Audio API を直接制御できるようになったとのこと。
試してみねばと思いつつ、早数ヶ月。いけませんね。

詰めカーリング

遊び方

基本操作

赤いストーンを操作して、ハウスの中心を狙おう!
投げたストーンの前方をこするとスイープもできるよ。

詳しい操作は「画面説明」を見てね!

画面説明


推奨動作環境

Web Audio API バージョン

 Web Audio API対応ブラウザ safari、chrome、Firefox
 ※ インターネット・エクスプローラーでは動作しません。

Java Script サウンド・バージョン

 Web Audio API バージョンで音が出ない、動作しない場合は、こちらをお試し下さい。
 ※Firefoxでは動作しません。

HTML5 <audio> サウンド・バージョン

 Web Audio API バージョンと Java Script バージョンで音が出ない、動作しない場合は、こちらをお試し下さい。


※ どのバージョンとも、ブラウザ、OSのバージョンによっては、動作しない可能性がございます。ご了承下さい。

解説

ゲーム開始ジングルは、ホッケーなどの試合で流れるエレクトーン(?)を意識しました。
ストーン同士がぶつかる音はリアルながら心地よい音になるように気をつけました。

もう少し洗練されたプログラムを書ければ良いのですが・・・。

JavaScript暗算

遊び方

基本操作

難易度設定して「はじめる」をクリック(タップ)すると、出題が始まるぞ!
出題が始まったら、暗算して答えを入力。

詳しい操作は「画面説明」を見てね!
反射神経を鍛えたら、暗算で脳も鍛えてみよう!

画面説明


推奨動作環境

Web Audio API バージョン

 Web Audio API対応ブラウザ safari、chrome、Firefox
 ※ インターネット・エクスプローラーでは動作しません。

Java Script サウンド・バージョン

 Web Audio API バージョンで音が出ない、動作しない場合は、こちらをお試し下さい。
 ※Firefoxでは動作しません。

HTML5 <audio> サウンド・バージョン

 Web Audio API バージョンと Java Script バージョンで音が出ない、動作しない場合は、こちらをお試し下さい。


※ どのバージョンとも、ブラウザ、OSのバージョンによっては、動作しない可能性がございます。ご了承下さい。

解説

タイトルは、Flashじゃなくて、JavaScriptで作った暗算ということで命名。

Java Script サウンド バージョン、0.03秒とか、音が短すぎると発音しませんでした。
後ろに無音を付け足すことで回避しましたが、ちょっと気持ち悪し。

反射神経鍛えるマシン

遊び方

基本操作

『はじめる』をクリック(タップ)するとゲーム・スタート。
あとは、マトリックス上に現れる赤い球にクリック(タップ)するだけ!
10回成功すると、レベルが上がってスピードアップするぞ。

成功率が50%を切るとゲーム・オーバー!
自分の限界に挑め!!

『ゲームオーバー』をクリック(タップ)すると表示が『もういっかい?』に切り替わるぞ。
『もういっかい?』をクリック(タップ)すると最初から始められるぞ。

画面説明


推奨動作環境

Web Audio API バージョン

 Web Audio API対応ブラウザ safari、chrome、Firefox
 ※ インターネット・エクスプローラーでは動作しません。

Java Script サウンド・バージョン

 Web Audio API バージョンで音が出ない、動作しない場合は、こちらをお試し下さい。
 ※Firefoxでは動作しません。

HTML5 <audio> サウンド・バージョン

 Web Audio API バージョンと Java Script バージョンで音が出ない、動作しない場合は、こちらをお試し下さい。


※ どのバージョンとも、ブラウザ、OSのバージョンによっては、動作しない可能性がございます。ご了承下さい。

解説

魔女っ子ジャンケンと同様に、enchantjs と Web Audio API を使用して制作しました。
ただ、Web Audio API は、まだまだ実装されていないブラウザも多いため、Java Script で効果音を再生するバージョンも用意しました。
ゲーム開始、タッチ成功、レベルアップの3種類の効果音が再生されます。

Java Script バージョンの再生までのタイムラグは気になるところ。

魔女っ子ジャンケン

遊び方

基本操作

魔法陣の3つの球のどれかをドラッグ(フリック)すると、技が切り替わるぞ。
タイムアップのときに、敵側の位置にセットされた技が発動するぞ。

敵の体力を0にするか、すべての技を使い切ったときに敵よりダメージが少なければ勝ちだ!

技について

魔法攻撃(赤玉): 魔法で攻撃。攻撃力は一番高いけど、魔法防御には歯が立たないぞ。
魔法防御(黄球): 魔法攻撃を防御できる。物理攻撃には役に立たないぞ。
物理攻撃(緑球): 敵に体当たりするぞ。敵がどんな技を仕掛けてきても、確実にダメージを与えられるぞ。

どの技も一回使ったら使えなくなるぞ。敵の攻撃を読みきれ!

画面説明


推奨動作環境

Web Audio API バージョン

 パソコン向けブラウザ safari、chrome、Firefox
 ※ インターネット・エクスプローラーでは動作しません。
 ローディングに時間が掛かる場合がございます。ご了承下さい。

Java Spcript サウンド・バージョン

 Web Audio API バージョンで音が出ない、動作しない場合はこちらをお試し下さい。
 ※firefoxでは動作致しません。

HTML5 <audio> サウンド・バージョン

 Web Audio API バージョンと Java Script バージョンで音が出ない、動作しない場合は、こちらをお試し下さい。


※ どのバージョンとも、ブラウザ、OSのバージョンによっては、動作しない可能性がございます。ご了承下さい。

解説

簡単にブラウザ・ゲームが作れるというウワサの enchant.js を使って制作しました。
サウンド再生には、Web Audio API を使用しています。

BGMとジングルは、ご挨拶代わりということで、雰囲気を壊さない程度に色々なジャンルのものを制作しました。
サウンド・プログラムは、BGMがループする、効果音にパンを使用する、音量のコントロールをつけることを
課題としました。

ゲームとしては、敵の攻撃を避けるのも自分の攻撃を当てるのも勘頼りになってしまいましたが、元々の発想が
ジャンケンなので正しいのかも?
一発逆転要素をいつか組み込みたいところです。

2014/3/23 追記

Web Audio API バージョンを修正、Andorid端末+Firefoxで動作確認。
音なしバージョンをJava Scriptバージョンに変更。効果音はモノラル再生。

enchantjs でのBGMループ再生、ENTER_FRAME方式も.src.loop=true;方式も試してみるものの上手くいかず。
結局、BGMはループ再生はしておりません。ご了承ください。