ブラウザゲームとは｜ 教育研修用ゲーム｜ 販促・キャンペーン用ゲーム｜ 開発依頼方法について
ブラウザゲームとは
「ブラウザゲーム」は、Webサイト上で動作するゲームです。遊びやキャンペーン用のゲームはもちろん、研修用（eラーニング）のゲームや教育用（子ども向け知育ゲーム含む）もブラウザゲームで実現可能です。
キャンペーン用ゲームであれば、貴社の商品や魅力をゲーム化して、サイト訪問者に楽しみながらそれらの情報に触れていただく（≒ゲーミフィケーションの考え方を使う）ことで、Webサイトを訪れたユーザへの貴社の認知度・関心度・理解度（およびその後の問合せ・成約数）の向上が期待できます。また、単に情報を伝えるだけではなく、ゲーム画面やクリア特典にクーポンやノベルティを設定して、販促支援のツールとしてもご活用いただけます。パソコン上はもちろん、スマートフォンのWebサイト（またはアプリ）でも動作可能です。
研修用ゲームをオンライン化する場合には、紙のボードゲームでは複雑になりすぎて実装や説明に時間を要していたルールやパラメータを画面上で表示・管理できたり、多言語対応やプレイデータの記録も可能であったり、ライセンス販売のための拡張も可能であったりなど、既存の研修教材をブラウザゲーム化することでさらに研修の付加価値を高めることも可能です。
教育用・普及啓発用のゲームとして、すごろくや神経衰弱など、老若男女を問わず遊んだことのあるゲームを、貴社の題材やテーマに置き換えてオリジナル制作することも可能です。
ご要望に応じて、ゲームと名の付くものならだいたい開発可能です。
これまでにも、お客様からのご要望をお受けして、研修用ボードゲーム、研修用カードゲーム、普及啓発用すごろくゲーム、販売促進用ミニゲーム、啓発用レーシングゲーム、疑似体験用人生ゲーム、物理演算ボールあそびゲーム、タイピング練習用ゲーム、警察による特殊詐欺防止用研修ゲーム、販売促進用ロールプレイングゲームなどなどなどを開発・納品させていただきました。ぜひ「こんなゲームを作りたい」というご要望をお聞かせください。大抵のものはお応えできると思います。
教育研修用ゲーム
弊社開発事例：研修用ボードゲーム開発
企業向けの経営者・幹部・新入社員等の人材育成研修用のボードゲームをオンラインで実施できるように、HTML+CSS+JavaScript+PHP+MySQLを活用したシステムでブラウザゲームの開発を承りました。対面研修よりも、多言語対応や管理者機能（参加者の進行状況の把握や、参加者の行動記録が残るなど）も充実し、より研修の幅が広がったとご好評を得ています。
弊社開発事例：研修用ボードゲーム開発
株式会社NEXERA様からご依頼を頂き、研修用のブラウザボードゲームの開発を担当させていただきました。会社経営を擬似経験できるBtoBビジネス・マーケティング研修用のボードゲーム「 Marketing Town」について、Webアプリ上でもルールを忠実に再現して開発しました。各プレイヤーは経営者となり、毎回変化する仮想の市場で会社経営を行いながら、実際のビジネス・マーケティングについて学ぶことができるゲームです。研修を受けられた方の経営能力向上の一助となり、社会に役立つ仕事や事業が効果的に広がっていく一端を担うことができることを誇りに感じています。この度はご依頼をいただき誠にありがとうございました。
公式サイトはこちら弊社開発事例：研修用すごろくゲーム開発
企業向けの研修用のすごろくゲームをリアルタイムオンラインで複数人で実施・参加できるように、HTML+CSS+JavaScript+PHP+MySQLを活用したシステムでブラウザゲームの開発を承りました。お金と人口を各プレイヤーに配置しつつ、１つのボード上で分岐や強制停止、プレイヤー別の同期処理などを実装し、ご好評をいただいています。
（大変ご好評をいただいているため、弊社自社開発のデモ版を2025年公開予定で制作中です。このデモ版は、お客様に弊社の研修用すごろくを体験していただけることはもちろん、セミオーダーメイドで納期や予算を短縮・低減しながらご提供させていただくためのパッケージの役割も兼ねているものになる見込みです。ご期待ください…！）
弊社サンプル事例：すごろくブラウザゲームのサンプルデモ
自社開発のすごろくブラウザゲームのサンプルデモです。このサンプルに対して、スタート画面や各画面の背景画像、キャラクター、マスの内容、クイズ内容などをお客様のご要望に応じて差し替えてご提供させていただく、セミオーダーメイドでのすごろくブラウザゲームの開発も可能です（参考価格帯：200万円～500万＋税）。
「すごろくブラウザゲームを作りたいけれどデザイン制作や企画の土台が欲しい」といった場合に、土台としてご活用いただけます。お気軽にお問い合わせください。
実装可能なオプション機能例
- ステータス管理機能（例：ゲーム内通貨、Lv、経験値、ポイントなど）
- イベント表示処理（例：ラッキーマス、クイズマス、強制停止、ルート分岐など）
- ズーム処理（例：広いマップでの広域表示との切替など）
- サイコロUI変更（例：ルーレットや他のUIへの変更など）
- ルール表示処理（例：遊び方、など）
- スマートフォン表示・タブレット表示対応
- BGM・SE再生への対応（パソコン版 / スマホ版）※ご入稿推奨
- 会員登録・ログイン機能
- プレイデータの保存（端末への途中保存 / サーバデータベースへの保存）
- 管理画面作成
- プレイヤー登録処理（例：ローカル端末またはオンラインでの複数人プレイの場合など）
- 複数人プレイ時のルーム選択機能
- オンライン複数プレイへの対応
- オリジナルデザインデータへの対応
- 特別なミニゲームとの連携
- プレイ結果のSNSへの共有
- 多言語対応
- スコア記録・ランキング機能
- 止まったマスに応じてランダムなイベントを呼び出す機能
- ゲームを有利に進めるためのアイテムの獲得・使用機能
- サイコロをカスタマイズする機能
※すべての出目を＋１する、数字の「１」を「６」に変える、出た数字を±1できるようにする、
一度だけふり直しができるようにする、１～６の任意のマス目を進めるようにする等、
誰かと競ったり高得点を目指すようなルールを実現する際のゲーム性の向上に役立ちます。
（いわゆるローグライト要素の追加）
マップデータ作成用のテンプレート
オリジナルすごろくゲームを制作させていただく際の、ご入稿データ形式についてご説明いたします。 制作を円滑に進めるため、一例として以下にご紹介する形式でのデータのご入稿を推奨しております。
ご入稿いただくデータの主な構成要素は「イベントリスト」「マップ画像」「キャラクター画像」の3つとなります。
「イベントリスト」は、Excelやスプレッドシート等を想定しており、マスごとのイベント内容をテキストでご指定いただくものです。 「〇マス進む」といった進行指示のほか、クイズとその選択肢、アイテムの入手など、ゲームの根幹をなす要素を記述します。
「マップ画像」は、ご入稿いただくオリジナルのデザインを、そのままゲームの盤面として使用するものです。 こちらはレイヤー分けされたイラストレーター形式や1枚の大きい画像を想定しています。
「キャラクター画像」は、プレイヤーのコマとして使用するものです。 こちらは背景が投下されたキャラクターの画像を想定しています。
上記でご紹介した形式は、ゲームの仕様を明確化し、制作工程における認識の齟齬を未然に防ぐ上で有効です。 もちろん、これは推奨形式の一例であり、他の形式でのご入稿を希望される場合も個別に対応いたしますので、お気軽にご相談ください。
テンプレートはこちら弊社開発事例：すごろくブラウザゲーム「うつ病で休職した勤労者の復職までの道筋すごろく」開発
福岡県立大学 人間社会学部 小嶋秀幹教授（精神保健学）との共同研究開発で 「うつ病で休職した勤労者の復職までの道筋すごろく オンライン版」を制作させていただきました。すごろくをしながら、うつ病で休職した勤労者の復職までの道筋を追体験することができるすごろくです。
うつ病には大きく２つのタイプがあり、それにより症状や治療経過が異なるところがあります。１つめの「ディスチミア」タイプは「気分変調症」。うつ症状は比較的軽症ですが、長期間続くことが多く、つらさが持続します。また、職場や対人関係の一見ささいな変化で、うつ症状が悪化しやすいことも特徴です。比較的若い年代の勤労者がこのタイプのうつ病になりやすく、リワークプログラムへ参加しながら回復することが有効な方が多くいます。
２つめの「メランコリア」タイプはうつ病の中でも、より重症な、いくつかの特徴を示すものです。このタイプの人は、一般にうつ症状は重症ですが、服薬と休養により、回復しやすい面もあります。療養期間は人により異なり、自殺の危険が高まる人もいますので、十分に療養し、回復してから復職することが大切です。中高年の勤労者がなりやすく、リワークプログラムへの参加が有効な方もいます。
ストレスの多い社会にあって、うつ病に罹患された方ご本人だけでなく、ご家族の方や周囲の方にも少しでも理解が広まればと心から思います。ブラウザゲーム開発を通じて、そうした普及啓発をお手伝いさせていただけることを誇りに思います。今後ともどうぞよろしくお願いいたします。
プレスリリース：https://www.newsjapan.pro/hukushoku/press.pdf
公式サイトはこちら世にある「すごろくブラウザゲーム」やすごろくゲームのご参考情報リンク集
（※弊社制作ではありません）
- 郡山市／郡山市デジタルアーカイブ「すごろくで学ぶ郡山」
- 坂出市／坂出市デジタルアーカイブ「すごろく！「六人」の偉人を巡る」
- トヨタ自動車「交通安全すごろく」
- 東京都こどもホームページ「東京の魅力すごろく」
- 四国電力ホームページ「ヨンデンランド」
- 九州電力ホームページ「遊んで学べる！放射線すごろくゲーム」
- トヨタ こども こうつうあんぜんホームページ「交通安全すごろく」
- 東京都主税局「ノンちゃん＆ジャックと旅する税のタイムトラベル」
- 名古屋市：交通すごろく
- 大谷大学社会学部の学生の方考案の「交通すごろく」
- 人生すごろく「金の糸」
- アスンシオン日本人学校による「移住すごろく」及び「移住かるた」
- 第一生命 消費者教育・金融保険教育教材「ライフサイクルゲームⅢ～生涯設計のススメ～」
弊社開発事例：日本貨物鉄道株式会社（JR貨物）様・神経衰弱ブラウザゲーム制作
日本貨物鉄道株式会社（JR貨物）様からゲーム内のイラストをご入稿いただき、弊社が神経衰弱ゲームの開発を担当しました。 本作はReactを用いて制作したブラウザゲームで、スマートフォン・PCの両方で遊べます。 難易度の選択や、「超むずかしい」モードではカードの位置を入れ替えてしまうシャッフルカードなどの機能を搭載しています。
また、全てのカードを集めるまでにめくった回数をXに投稿する機能も搭載しており、全国のライバルたちと競い合うことができます。 この度はご依頼をいただきありがとうございました。（公開後、大変ご好評いただいております。反響は、X（Twitter）で ハッシュタグ #機関車めくり をご覧ください。）
公式サイトはこちら
モード選択機能で、初心者からマニアまでみんなで楽しく！
シャッフル時は入替機関車がカードを入れ替えます。
弊社開発事例：株式会社ECC様・研修用パズルゲーム制作
株式会社ECC様からご依頼を頂き、スマートフォンで遊べる2人プレイ用のパズルゲームを制作させていただきました。このゲームは、2人でお題の完成図の作成を目指すゲームです。ひとりは「指示役」としてお題の完成図が見れる状態で、もうひとりの「組み立て役」に口頭で指示を出し、「組み立て役」のスマホ画面内に完成図の再現を目指します。ジェスチャーは禁止です。お互いの画面が見えない状態で、指示役の言葉だけで組み立て役の操作を誘導するため、お互いのコミュニケーションが重要になります。この度はご依頼をいただきましてありがとうございました。
弊社開発事例：研修用クイズゲーム開発
某業界に特化した研修用のオリジナルクイズ用カードゲームの開発を承りました。カードゲームはブラウザゲームに向いており、ルールに応じた画面表示の工夫や、現在の数値管理、多言語対応も、ブラウザゲームであれば機能的に管理可能です。ご好評いただいております。
事例：タイピングゲーム開発
たてばやし淳（エクセル兄さん）様よりタイピングの練習用ゲーム「タイピングヒーロー」の開発のご依頼をいただき、ご好評をいただいています。ランキング機能や必殺技機能、課題機能、学習記録、ゲストモード、ユーザ名のNGワードなど、ご要望に応じて柔軟に対応いたします。
公式サイトはこちら弊社開発事例：バーチャル商店街ゲーム
遊べば遊ぶほど京都市中心部の１２の商店街に詳しくなる自社開発ブラウザゲーム『京都田の字クエスト
http://www.tanoji.kyoto/』。京都市様や商店街振興組合の皆様とのご協力で実現しました。
公式サイト：「京都田の字.jp」。
世界最大のゲーム配信プラットフォームSteamでも配信しています（配信ページ）。
販促・キャンペーン用ゲーム（イベントやキャンペーンのPR用ゲーム）
弊社開発事例：株式会社集英社×株式会社サイバーエージェントのRPG「集英社ボスラッシュ」
株式会社サイバーエージェント様からのご依頼で「 集英社ボスラッシュ」のゲームを制作させていただきました。週刊少年ジャンプなどで言わずと知れた集英社さんと、Amebaマンガを展開中のIT大手のサイバーエージェント社さんがコラボした、マンガを読めば読むほど主人公が強くなる「集英社ボスラッシュ」というブラウザゲームのRPGです。
株式会社サイバーエージェント様からゲーム内の画像や音声データ、ストーリー等のテキスト等のデータをご入稿いただき、弊社がゲーム内のデータ入力・プログラム構築、必要なプラグインの収集・カスタマイズを行う形で構築させていただきました。
本作はRPGツクールMVというゲーム制作ソフトで制作したブラウザゲームです。スマートフォン・PCの両方で遊べます。名作マンガのセリフを入力することで主人公が成長したり、新たなスキルを習得する成長システムが搭載しています。マンガを立ち読みできるAmebaマンガへの誘導や、入力に成功したセリフをXに投稿する機能も搭載しています。
ストレスの多い社会にあって、マンガが全世界の人々の心を救っている面があると心から思います。そうしたマンガの普及をお手伝いさせていただけることを誇りに思います。
公式サイトはこちら弊社開発事例：株式会社円谷プロダクション様・モザイクアート生成ゲーム制作
株式会社円谷プロダクション様からご依頼を頂き「 ウルサマ2022 – GUTS-SELECTからの緊急指令！みんなでモザイクアートをつくろう！」のWebサイト・モザイクアート生成システムの開発を担当させていただきました。Webサイト内のフォームから画像やメッセージを送信すると、それらの内容がモザイクアートの一部として反映されます。投稿が増えれば増えるほどモザイクアートに何が写るかががわかりやすくなります。 モザイクアートは、「 ウルトラヒーローズEXPO 2022 サマーフェスティバル IN 池袋・サンシャインシティ」のイベント会場および、イベントの公式ページでご覧いただけます。この度はご依頼をいただき誠にありがとうございました。
公式サイトはこちら弊社開発事例：一般消費者様向けのイベントキャンペーンブラウザゲーム
某大手店のイベントキャンペーン用のお楽しみ要素として、落ち物ゲームを実装しました。結果はTwitterでシェア可能で、企業公式Twitter同士のスコア争いが話題になるなど、ご好評をいただきました。
弊社開発事例：啓発用のレーシングゲーム開発
団体の啓発用の特設コンテンツとして特色を盛り込んだレーシングゲームの開発をご依頼いただき、HTML+CSS+JavaScriptを活用してブラウザゲームの開発を承りました。
弊社開発事例：スタンプラリーゲーム開発
イベント会場でスタンプラリー形式でQRコードを読み込み、コンプリートを目指すデジタルスタンプラリーのブラウザゲーム開発を承りました。紙のスタンプラリーよりも集計や記録等の管理が行いやすく、イベントごとの切り替えも可能なため、ご好評をいただいています。
弊社サンプル：ブラウザ脱出ゲーム
ブラウザで動作する簡単な脱出ゲームです。PC・スマートフォンのどちらでも操作が可能で、画面をクリック（タッチ）することで操作できます。サンプルはごく簡易的なものですが、ご要望に応じて様々な仕掛けを作ることも可能です。フラグ管理やメッセージ・効果音等の制御等を行いやすくするため、RPGツクールMVで制作しています。
サンプルはこちら事例：簡単なシューティングゲーム
キーボード操作（決定：Z、パワーアップ：X、上下左右キー：↑↓←→）。ボス戦はございません。
難易度やキャラクターの見た目、アイテムの出現頻度、効果音等の追加は可能です。
（PC向けの操作ですが、スマホ向けの操作を追加することも可能です）
弊社サンプル：クリックまたはタッチで遊ぶゲーム
マウス・タッチ操作（クリック・タッチで上昇）。
こちらも見た目やルールの追加など、さまざまなカスタマイズが可能です。
弊社サンプル：簡単なロールプレイングゲーム（RPG）
キーボード操作（決定：ZまたはEnter、キャンセル：X、上下左右キー：↑↓←→）
※タッチ・マウス操作も可
内容については自由にカスタマイズが可能です。
（PC向けの操作ですが、スマホ向けの操作を追加することも可能です）
弊社サンプル：ウェブサイト上でマウスで引っ張ることができるスイッチ
紐を引っ張ることでなにかの仕掛けを起こすスイッチです。
ウェブサイトのメインビジュアル部分や、ちょっとした仕掛け（サイトのデザインをダークモードに切り替えたり、イースターエッグ的な要素）等、さまざまなアイディアとの組み合わせが可能です。
弊社サンプル：カエルがジャンプするアクションゲーム
ブラウザで動作するジャンプアクションゲーム（足場を飛び移るゲーム）です。マウス・タッチでドラッグした距離・方向に応じてカエルがジャンプします。どれだけ上に登れるかでスコアを競います。
キャラクターや足場の見た目を変えたり、動く足場やアイテム・障害物の追加等、さまざまなアレンジを加えることも可能です。
サンプルはこちら弊社サンプル：クリックゲーム（風船割り）
ブラウザで動作する風船割りゲームです。マウス・タッチで風船を割ります。
クリックするものを変えたり、動くものの種類を増やしたりのアレンジを加えることで、さまざまなキャンペーン用のミニゲームにご利用いただけます。（例：菌を消して除菌する、食べものを食べる 等）
サンプルはこちら弊社サンプル：物理演算パズル（出世魚ぉーズ）
ブラウザで動作する物理演算パズルです。同じ種類の魚を接触させることで大きなサイズの魚に出世します。
落下物を任意のキャラクターや商品に変えたり、ゲームのルールを調整する等でさまざまなアレンジが可能です。
サンプルはこちら弊社サンプル：神経衰弱
マウス・タッチ操作（クリック・タッチ、スマホのタップ操作）。
見た目の変更やルールの追加（シャッフルなどのおじゃまカード等）、結果のSNSへのシェア機能など、さまざまなカスタマイズが可能です。
弊社サンプル：目指せギガ盛り！ホットケーキタワー
マウス・タッチ操作（クリック・タッチ、スマホのタップ操作）。
見た目の変更やルールの変更、結果のSNSへのシェア機能など、さまざまなカスタマイズが可能です。
弊社サンプル：ボールを使った動きのある表現やゲーム
ブラウザ上で、ボールを使った動きのある表現やゲームの制作が可能です。
クリックなどプレイヤーの操作でボールを弾いたり転がしたりする機能を追加することもでき、遊び心のある演出をキャンペーン用のミニゲームなどにご利用いただけます。（例：ボールを的に当ててスコアを競う的当てゲーム、画面を埋めるボールを払うとクーポンが現れる仕掛け など）
ボールの色・大きさ・落下スピード・重力などは、企画内容やブランドイメージに合わせたカスタマイズが可能です。
サンプルはこちら弊社サンプル：カワワタリ 〜渡し舟パズル〜
8世紀の写本にも登場する古典パズル「川渡り問題」を、ドット絵のブラウザゲームにしました。農夫と狼・山羊・キャベツ、宣教師と人喰いなど、一緒にしておくと危ない組み合わせに気をつけながら、小さな舟で全員を向こう岸へ運びます。マウス・タッチでキャラクターを舟に乗せ、「向こう岸へ渡る」ボタンで出航。PC・スマートフォン（横向き）のどちらでも遊べます。
ルールは文章だけでなく絵札でも表示可能で、1問目には動く見本も付けているので、初めての方でもひと目で遊び方を伝えられます。うっかり危ない組み合わせを作ってしまうと、破ったルールの絵札とともに「農夫がいない隙に、山羊がキャベツを食べてしまった…！」といったユーモラスな失敗メッセージが表示されます。「最短チャレンジ」では少ない渡河回数でクリアするほど星が増え、BGM・効果音付きで何度も挑戦したくなる作りです。
登場キャラクターを自社の商品やマスコット、社員に置き換えたり、問題の条件をオリジナルに作り替えたりすることで、社内研修・イベント・キャンペーン用のパズルゲームとしてさまざまなアレンジが可能です。
サンプルはこちら
定番の「川渡り問題」パズル！
ルールは文章だけでなく絵札でも表示可能
うっかり危ない組み合わせを作ってしまうと…
最短手数を目指そう！
かなりの難問も…！？
弊社サンプル：入換パズルゲーム（ヤードマスター）
ブラウザで動作する、貨物駅の入換作業をテーマにしたパズルゲームです。マウス・タッチで行き先の線路をクリックすると、入換機関車が自動でポイントを切り替えて走ってくれます。PC・スマートフォンのどちらでも遊べます。
貨車の連結・切り離しを使いながら、出発線に目標どおりの順番で貨車を並べるとクリア。揃った列車は、トンネルから現れた本線の機関車が引いていきます。少ない手数で解くほど星が増え、走行距離が短ければ「省エネ」の評価も付きます。
通過列車や非力な機関車、転車台、入換信号など、さまざまな仕掛けのステージに加え、毎日問題が変わる「今日のヤード」、難易度を選べる「おまかせ問題」、自分で問題を作ってURLで共有できる「問題を作る」モードも収録しています。雨や雪、夜など天候・時間帯の演出や、ジオラマを好きな角度から眺められる写真モードもお楽しみいただけます。
貨車を商品や荷物に見立てたり、問題の内容や見た目を変更する等で、社内研修・イベント・キャンペーン用のパズルゲームとしてさまざまなアレンジが可能です。
サンプルはこちら
豊富な問題に加え、れんしゅう（チュートリアル）モードもあります。
視点を自由に動かして眺めることも可能です。
自分の手を振り返ることができるリプレイ機能も！
弊社サンプル：3Dのぞき絵本（つきよのもり）
ブラウザで動作する、仕掛け絵本「トンネルブック（のぞき絵本）」を3Dで再現したデジタル絵本です。切り絵のように何枚も重なったページの奥を、マウスを動かしたり、スマートフォンを傾けたりしてのぞき込むことができます。PC・スマートフォンのどちらでもお楽しみいただけます。
スクロール（スマートフォンでは上下のスワイプ）で絵本の中へ進むと、絵の中の窓をくぐるたびに、次の世界が現れます。森の家の窓から部屋の中へ、部屋に飾られた写真から海辺へ……と、どこまでも続いていく不思議な作りです。
森のようすは「ゆうがた」「よる」「ゆき」「あさやけ」の4種類から切り替えられ、世界ごとの絵本の文章の表示や、自動でゆっくり世界をめぐる「ながめる」モードも備えています。虫の声や波の音などの環境音はすべてブラウザ上で合成しており、絵にふれると、きらめきと音で応えてくれます。
絵や文章を貴社の商品・キャラクター・ストーリーに差し替えたり、世界の数や順番を変更する等で、ブランドの世界観を伝えるスペシャルコンテンツや、デジタル絵本・知育コンテンツ、キャンペーン用の演出としてさまざまなアレンジが可能です。
サンプルはこちら
トンネルブックは、窓をあけたページを何枚も重ねて、奥行きのあるひとつの風景をつくる仕掛け絵本です。
表紙の窓から中をのぞくと、月夜の森が奥へと広がっています。
森の季節や時間帯も切り替えられます。こちらは「あさやけ」。
こちらは「ゆき」。同じ森が、雪の降る冬の夜になります。
森の家の窓をのぞいてみると……その奥にも、まだ何かがありそうです。
同じしくみで、お店のホームページにも！（こむぎとランプ）
このトンネルブックのしくみは、ホームページとしてもお使いいただけます。「こむぎとランプ」は、絵本そのものが架空のパン屋さんのホームページになっているサンプルです。スクロールすると本の奥へと進み、旗飾りの札、黒板のメニュー、窓の貼り紙、掲示板、地図の案内板、気球から下がった札……と、絵の中の看板をひとつずつ訪ねながら、お店の情報を読んでいけます。
「まえへ」「つぎへ」のボタンや画面右のしおりからも移動でき、看板に描かれたボタンからメールでのお問い合わせも可能です。同じ内容をテキストとしても書き出しているので、検索エンジンや読み上げ機能にも対応しています。店舗・商品の紹介サイトや、イベント・キャンペーンの特設ページなど、見て楽しいホームページとしてもアレンジが可能です。
サンプルはこちら
本の中には、看板の並ぶパン屋さんの町が広がっています。
メニューや営業時間、お知らせなどのお店の情報は、黒板や貼り紙など、本の中の看板に描かれています。
看板の文章は、データファイルを書き換えるだけで更新できます。
公開後のメニュー変更やお知らせも手軽です。
弊社サンプル：30秒のキャッチゲーム（トリックオアトリートほか全4テーマ）
ブラウザで動作する、おばけが投げるおかしをカボチャのバケツでキャッチするハロウィンのミニゲームです。マウス・指でのタッチ操作、またはキーボードの矢印キーでバケツを左右に動かします。PC・スマートフォンのどちらでも遊べます。
制限時間は30秒。キャンディは100点、カップケーキは500点と、おかしの種類で点数が変わります。コウモリやクモの巣を取るとマイナス300点、スライムはスコア欄が汚れて見えなくなるので要注意です。残り10秒で「LEVEL UP!」となり、おばけが赤く光って投げるペースが一気に上がり、残り5秒からはスコアが隠れたまま、結果発表まで点数がわかりません。
ドット絵のキャラクターや、まばたき・羽ばたきなどの細かな動き、キャッチしたときのきらめきに加え、その場で鳴らすピコピコの効果音や夜風・フクロウの環境音も収録しています。自己ベストの記録、結果のXへのシェア、ゲーム中のポーズ（一時停止）と音量の設定にも対応しています。
同じ遊びかたのまま、絵・背景・環境音を差し替えた、クリスマス・お正月・夏祭りのテーマも用意しています（下記）。落ちてくる物を貴社の商品やキャラクターに見立てたり、背景・点数・制限時間を変更する等で、イベント・キャンペーン用の販促ミニゲームや、季節ごとの特設ページのコンテンツとしてさまざまなアレンジが可能です。
サンプルはこちら
はじめのうちは、おばけもごきげんで投げるペースもゆっくりです。
残り10秒で「LEVEL UP!」。おばけが赤く光り、投げるペースが一気に上がります。
結果は自己ベストと比べられ、Xでシェアすることもできます。
同じしくみで、季節ごとのテーマ違いも！（メリークリスマス・あけましておめでとう・なつまつり）
遊びかた・点数のしくみ・演出はそのままに、投げる役のキャラクター、落ちてくる物、背景のドット絵、環境音を差し替えて、クリスマス・お正月・夏祭りのテーマも用意しています。季節のキャンペーンに合わせてテーマを切り替えたり、貴社の商品やキャラクターに合わせた新しいテーマを作ったりと、同じしくみで何通りにも展開できます。
メリークリスマス
ソリに乗ったサンタが投げるプレゼントを、袋でキャッチ。雪の降る夜の村に、ソリの鈴や教会の鐘が響きます。
あけましておめでとう
獅子舞が投げる縁起物を、福袋でキャッチ。朝日の昇る富士山を背に、スズメの声やお寺の鐘が聞こえます。
なつまつり
金魚が投げる屋台のごちそうを、巾着袋でキャッチ。提灯のともる屋台の上に、打ち上げ花火が上がります。
弊社サンプル：3D神経衰弱（星めくり）
ブラウザで動作する、星座のカードを使った3Dの神経衰弱ゲームです。マウスのクリックやタップでカードをめくり、同じ星座のカードを2枚ずつそろえていきます。キーボードやゲームパッドでも操作でき、PC・スマートフォンのどちらでも遊べます。
同じ星座をそろえると、盤の上に光の線で星座がえがかれ、星座の姿が浮かび上がります。続けてそろえるとコンボになり、5コンボで得点が2倍になる「STAR FEVER」に突入。すべてのカードをそろえると、集めた星座が夜空によみがえり、ミスの少なさに応じてS〜Cのランクがつきます。
「かんたん」「ふつう」「むずかしい」の3段階の難易度（8〜12組）に加え、まわりのカードが少しのあいだ見える「たいよう」、ミスしてもコンボが続く「どせい」、はずすとまわりのカードが入れかわる「ブラックホール」など、ふしぎな力をもつ惑星のカードも収録しています。どこかにかくれた「ほうき星」を見つけると、ボーナス得点とともにSTAR FEVERに。BGMや効果音はすべてブラウザ上で合成しており、光の演出をひかえめにする設定もあります。
星座のカードを貴社の商品やキャラクター、覚えてほしい用語に見立てたり、そろえたときの演出や表示する名前・解説を変更する等で、社内研修・イベント・キャンペーン用の暗記ゲームや販促ゲームとしてさまざまなアレンジが可能です。
サンプルはこちら
オープニングでは、羽ペンが光の筆記体でタイトルを書きあげます。
カードには、星座の星の並びと名前が描かれています。
同じ星座をそろえると、盤の上に星座が光でえがかれます。
ほうき星をそろえると、流れ星とともに得点2倍のSTAR FEVERがはじまります。
すべてそろえると、集めた星座が輪になって夜空によみがえります。
同じしくみで、和風・お正月の企画にも！（干支めくり）
「星めくり」と同じしくみのまま、絵・演出・音をすべて和風に作りかえた別バージョンです。紅葉と灯籠に囲まれた夜の舞台で墨絵の十二支の札をめくり、同じ干支をそろえると、色紙に筆で干支がえがかれて朱の印が押されます。オープニングでは短冊に筆で題字を書き、「ほうき星」は「福猫」に、「STAR FEVER」は「祭」に、BGMや効果音は琴・鈴・拍子木・太鼓のような和の音色に置きかえています。
日付で札の並びが決まり、その日はじめてクリアした得点が記録される「今日の盤」や、そろえた干支が集まる「図鑑」も収録しています。絵や演出を差しかえるだけでまったく違った雰囲気のゲームになるので、年末年始・お正月のキャンペーンや、和の商品・観光地のプロモーションなど、テーマに合わせたアレンジが可能です。
サンプルはこちら
オープニングでは、短冊に筆で「干支めくり」の題字を書きあげます。
同じ干支をそろえると、色紙に筆で干支がえがかれ、朱の印が押されます。
5回続けてそろえると、得点2倍の「祭」に。祭のあいだにそろえた干支は、祭の終わりにまとめて色紙にえがかれます。
すべてそろえると「結願」。集めた色紙が輪になって並びます。
講義例：京都コンピュータ学院（専門学校）でのブラウザゲーム開発の講義開講
最高技術責任者（CTO）の宮嶋清人（Webエンジニア/Webプログラマ）は2015年より京都コンピュータ学院非常勤講師（科目名「PHP実習」「マルチメディアプログラミング」「Webゲームプログラミング」を担当しています。全15回・各回90分×2コマ、約50名。Web制作会社での勤務を希望する受講生がアルバイト・正社員として活躍中）。
世にある「販促・キャンペーン用ブラウザゲーム」のご参考情報リンク集
（※弊社制作ではありません）
- 株式会社明治「おらが村ゲーム」（キャラクター探索ゲーム＋絵合わせゲーム）
- ブラザー「恋する！brotherくん」（リンク先は参考記事）
- 宇治市プロモーションゲーム「宇治市～宇治茶と源氏物語のまち～」
- ピノゲー（リンク先は製作元のカヤックアキバスタジオさん）
- 花王のホラーゲーム「しずかなおそうじ」
- 東急ハンズ 文具祭りスペシャルゲーム「ブングコング」（落ち物アクションゲーム）
- 「木と人と住まいをつなぐ仮想世界 KIY（キー）」ゲームセンター「木こり道」（木と人と住まいをつなぐ仮想世界 KIY（キー））
【重要】弊社がお請けしやすいブラウザゲームの開発依頼方法について
当社は、基本的にエンジニア集団で開発技術力を強みとしているチームです。逆に、力不足な点として、ゲームのシナリオや台詞を考えたり、キャラクターやマップのデザインをしたりといった企画・デザイン面は社内リソースが不足しており（＝外部の方に依頼せざるを得ず、予算面に跳ね返ってしまう）、「こういうものを作りたい」というデザインや素材を具体的にご提供いただければいただけるほど、費用も期間も工数も抑えて制作できると思います。
最も実現しやすいゲーム開発は、既に実際に紙で実現・運用しているボードゲーム（すごろく、人生ゲームなど）や、パズルゲーム、カードゲーム、研修教材などを、オンラインでプレイできるようにブラウザゲーム化するご依頼です。ゲームの仕様が基本的に固まっており、デザインデータをご提供いただけましたら、ほぼ確実にブラウザゲーム化が実現すると思います。
こうしたご依頼の場合には、従来の紙版のゲームでは複雑になりすぎてしまい実現不能だった機能も、ブラウザゲーム化する際に実現できる可能性がございます（例：多言語対応、データベースへのプレイデータの記録、利用者登録、ログイン管理、複雑なルール追加、各種計数・変数データの表示・管理など）。
これまでに上記のようなご依頼をいただいた複数のクライアント様から、「他社さんでは断られたけれど、メディアインパクトさんに頼んで本当に良かった」とご絶賛をいただいています。Zoom等のオンライン打ち合わせのみで、近畿圏だけでなく、首都圏や全国からのご依頼にお応えしています。お気軽にご相談ください。
（ご予算のボリュームゾーンは200～300万円で、ご依頼から納品まで半年程度のお時間をいただいています。ご予算や内容に応じて、より大規模なものを、プロトタイプ版や正式版などの段階別に開発させていただいたりする場合もございます。また、ごくシンプルな内容に絞って短納期・数十万円台の予算で実現する場合もございます。）
制作の流れ
１．お問い合わせ
２．対面やメールでのご相談（何回かご相談を重ねることもございます）
３．お見積・ご発注
４．詳細な仕様決定
５．（必要に応じて）デザイン制作、画像等素材収集、原稿作成
６．開発（2週間に一度程度の進捗報告）
７．テスト版ご提出
８．確認・修正
９．納品・公開
（その後、必要に応じてアフターフォローやメンテナンスを定期的／スポット的に対応いたします）
初期費用＋月額利用料でのご依頼も可能です
買い切りの受託開発だけでなく、初期費用と月額利用料を組み合わせた形式での開発・ご提供も承っております。例えば、弊社が保有する既存のHTML5ゲームを、貴社のオリジナルキャラクターへ差し替えるなどのカスタマイズを加えた上で月額ライセンスとしてご提供するといった、ご予算や事業計画に応じた柔軟な対応が可能です。ご利用可能なゲームタイトルや費用につきましては、個別にご案内いたしますので、まずはお気軽にご相談ください。
関連記事
- すごろくブラウザゲーム「うつ病で休職した勤労者の復職までの道筋すごろく」共同開発
- 日本貨物鉄道株式会社（JR貨物）様「機関車めくり」神経衰弱ブラウザゲーム制作
- 「集英社ボスラッシュ」ブラウザゲーム制作
- 株式会社tone¬es様：タイピングゲーム制作
- 株式会社NEXERA様：研修用ボードゲーム制作
- 株式会社ECC様：コミュニケーション能力向上のための2人プレイ用パズルゲーム制作（ブラウザゲーム）
- 企業グループ研修用ブラウザゲーム新規開発
- 企業管理職向け研修用ブラウザゲーム新規開発
- PR用ブラウザゲーム（レーシングゲーム）開発
- 「KYOTO TANOJI QUEST」のSteam配信を開始
- KYOTO TANOJI QUEST（β）を公開
