Webブラウザゲーム開発

Webサイトへの集客モバイルユーザーの囲い込みなど、MAUアップのコンテンツとしてHTML5/JSブラウザゲームのリリースをご提案いたします。HTML5/JSブラウザゲームは、スマホ・タブレット(iOS/Android)、PC(Windows/macOS)各デバイスに対応しているため、コストパフォーマンスに優れています。Webサイト常設コンテンツのほか、デジタルキャンペーン、販促プロモーションなどでも効果的です。

集客力のあるWebコンテンツを「ブラウザゲーム開発」

Webブラウザゲーム開発

ご意向に沿ったオリジナルのブラウザゲームを開発いたします

アイカラーではこれまで、販促用ミニゲームSNSゲームeラーニングコンテンツ子供向け知育ゲームなど、多数のWebブラウザゲーム開発に携わってまいりました。WebView対応HTML5ゲーム、Webキャンペーン用インスタントウィンゲーム、Web会員向けブラウザゲームなど、各種ゲーム開発を下記メニューで承っております。

Webブラウザゲーム開発-ジャンル

サービスメニュー 概算費用  概算工期   備 考  
 カジュアルゲーム・カスタマイズ  ¥200,000~  3営業日~  仕様により変動します 
インスタントウィンゲーム・カスタマイズ ¥200,000~  5営業日~  仕様により変動します 
ブラウザゲーム・フルスクラッチ開発  ¥500,000~  15営業日~  仕様により変動します 

Webブラウザゲーム-フルスクラッチ

Originality

オリジナリティ

オリジナリティのあるブラウザゲームで集客力アップ

Webキャンペーン向けブラウザゲーム、SNS向けブラウザゲームなど、オリジナリティのある仕様で仕上げることにより、ギミックとしての役割も担えます。ご検討中の企画内容についてご相談ください。

Webブラウザゲーム開発

HTML5/JS(Canvas)で開発しているため、HTMLのようなページ遷移はございません(同一URL内で完結

ゲームUI設定
貴社のロゴやキャラクターの画像を設定したり、写真画像を背景に設定するなど、UI全般のデザイン設定が可能です。

ゲーム仕様構築
スコアランキングへの対応、難易度選択の設定、ステージ数の設定など、多様なゲーム仕様を構築することが可能です。

システム連携
インセンティブ付与、ゲーム単位のスコア送信、パラメータ受け渡しなど、個別のシステム連携にも対応可能です。

ブラウザゲームのフルスクラッチ開発につきましては、過去お客様よりお問い合わせいただいた事例をもとに、以下の「スタッフブログ」でもご紹介をさせていただいております。

Effect

効果

ブラウザゲーム導入でユーザーロイヤルティの向上へ

Webブラウザゲーム-利用率アップ

ブラウザゲームを導入することで、利用率アップ・再訪率アップが見込め、貴社Webサイトのユーザーロイヤルティ向上につなげることができます。

実績としては以下のような事例がございます。

  • キャンペーンサイトにブラウザゲームを導入し、再訪率がアップ
  • コーポレートサイト内にブラウザゲームを導入し、MAU(月間アクティブユーザー)が飛躍的にアップ
Device

デバイス

“スマホ・タブレット・PC” 対応ブラウザゲーム開発

マルチデバイス対応

スマホ・タブレット(Android/iOS)、PC(Windows/macOS)対応を推奨いたします。

  • HTML5/JS(Canvas)ファイルで開発いたします。
  • 画面構成、UIなど、ご希望の仕様で開発いたします。
  • WebAudioAPIを利用したSE/BGMの実装も可能です。
  • UID/ポイント/スコアなど、サーバサイド(バックエンド)とのシステム連携にも対応いたします。
Usage

利用方法

リピート率アップにつなげるブラウザゲーム開発

制作事例

過去の開発実績より、効果があったWebブラウザゲームの仕様についてピックアップいたしました。

  • デバイスを限定せず、スマホ・タブレット・PCに対応
  • プレイ回数を1日1回限定とし、スコアに相応したポイントを付与
  • ハイスコア記録時などに、ボーナスポイントを付与
  • スコア別に等級を分け、等級ごとにポイントを付与
  • 難易度を設定し、難易度別にインセンティブを付与
  • 指定した期間内にゲーム中で特定のキャラを獲得すると、新商品を限定プレゼント
Convenience

利便性

ブラウザゲーム開発で実装できる利便性

Webブラウザゲーム開発で実装可能な利便性についてピックアップいたしました。

ブラウザゲーム導入メリット
ブラウザで動作可能
ブラウザで動作するため、App Store/Google Playへの登録が不要です。iOS/Android、Windows/macOS、いずれのブラウザでも動作します。

ブラウザゲーム導入メリット
多様なHTML5要素
WebAudioAPIによりBGM・SEを任意で実装することが可能です。また、WebViewによってネイティブアプリ内で動作させることも可能です。

ブラウザゲーム導入メリット
システム側との連携
結果(イベント)に応じて、ポイントを付与したり、インセンティブを支給するなど、システム(サーバサイド)と連携することが可能です。

Price

料金

ブラウザゲーム開発の概算費用および概算工期について

HTML5/JavaScriptブラウザゲーム費用(料金)金額

以下はご参考まで、ブラウザゲームをフルスクラッチ開発した場合の概算費用です。あくまで目安としての最少工数ですので、正式な御見積りは、仕様確定後に「サウンド実装およびデザイン制作の要否」「納期」なども鑑みたうえで改めて工数を算出させていただきます。予めご了承ください。

対応デバイス 概算費用  概算工期   備 考  
 スマホ・タブレット・PC ※   ¥500,000~   15営業日~  仕様により変動します  

※ アスペクト比をデバイスごとに変更する場合は相応の工数が必要となります(例:スマホ縦向き、PC横向き)。

Original Contents

オリジナルコンテンツ

アイカラーでは以下のブラウザゲームも提供しております。「DAU・リピート率をアップさせたい」というお声を頂戴することが多いため、“継続利用”につなげられるコンテンツの企画開発を進めております。

“Sugoroku” Browser Game

「スゴロク」ブラウザゲーム

DAUアップ!「スゴロク」ブラウザゲーム

スゴロクWebブラウザゲーム開発
デイリーで継続して遊べる「スゴロク」ブラウザゲームは、リピート率・アクティブ率アップにつなげることのできるWebコンテンツです。日々マイページ(Web)にアクセスしてプレイすることによってユーザーロイヤルティの向上にもつながります。

以下のようなケースで効果が見込めます。

  • ECサイト(またはキャンペーンサイト)内にスゴロクを導入し、リピート率がアップ
  • Webサイトのマイページ内にスゴロクを導入し、DAU(デイリーアクティブユーザー)がアップ

『“スゴロク”ブラウザゲーム』の詳細は以下のページでご覧いただけます。

スゴロクWebブラウザゲーム開発

デザイン変更、オリジナルの仕様追加などカスタマイズ可能です。ご不明な点がございましたら、お気軽にお問い合わせください。

“Meiro Puzzle” Retro Game

「迷路パズル」レトロゲーム

リピート率アップ!「迷路パズル」レトロゲーム

迷路パズルWebブラウザゲーム開発
スゴロク以外にも「迷路パズル」レトロゲームを、レンタル版ブラウザゲームとしてご提供しております。スゴロク同様、貴社仕様にカスタマイズ可能です。各ステージを自由にレイアウト可能なため、常にフレッシュな状態に保てるWebコンテンツです。

「迷路パズル」レトロゲームの概要は以下となります。

  • マップチップ形式のパズルゲーム
  • ステージレイアウトを自由に変更可能
  • 新規マップチップを実装可能

『“迷路パズル”レトロゲーム』の詳細は以下のページでご覧いただけます。

迷路パズルWebブラウザゲーム開発

デザイン変更、オリジナルの仕様追加などカスタマイズ可能です。ご不明な点がございましたら、お気軽にお問い合わせください。

Casual Game

カジュアルゲーム

ローコストでスピーディーに導入できるカジュアルゲーム

スキンチェンジ-カスタマイズ

ご意向に沿った最適なカスタマイズを実装いたします

Webキャンペーンや常設コンテンツとしてニーズのあるHTML5ゲームもご用意しております。30本以上のアイカラー制作ゲームリストの中から、お好みのカジュアルゲームをお選びいただけます。既製ゲームのカスタマイズのため、ローコストスピーディーにご導入いただけます。

1. クレーンゲーム2. リバーシ3. 島ハンター
クレーンゲーム
リバーシ
島ハンター
人気定番リピート
パズルカードアクション
クレーンを操作してアイテムを獲得します。(空いたスペースの)上段のアイテムが下にスライドし、(縦か横に)2つ同じアイテムが揃うと、連鎖COMBOが発生して高得点が狙えます。CPU対戦式のリバーシです。操作するキャラクターを選択し、先行 or 後攻を決定して、ゲームをスタートします。より多くのマスを返して自分のキャラクターで埋めたほうが勝ちとなります。タイミング良くジャンプして筏に乗ると得点が加算されます。制限時間内にどれだけ筏に飛び乗って得点出来るかを競います。進むにつれて筏の移動スピードが増し、イルカも出現します。
4. 計算ロード5. 動物園リーダー6. はや押し
計算ロード
動物園リーダー
はや押し
人気リピート定番
脳トレ&アクションアクションアクション
出題される足し算 or 引き算を暗算し、数字の付いたジャンプ台を飛んで解答します。横スクロールで進み、二択で解答します。正解して進むにつれ、スピードがアップし、障害物も増えます。横スクロールで登場する動物に、出来るだけ多くKissをしてCOMBOで得点を重ねるゲームです。BADキャラも登場するので、うまくかわしながら進めると高得点に繋がります。出現するキャラをうまく叩くことが出来れば得点が加算されます。徐々にキャラの出現時間が短くなり、難易度がアップします。GOODキャラ(加点)、BADキャラ(減点)も出現します。

『カジュアルゲーム』の詳細は以下のページでご覧いただけます。

カジュアルゲームアプリ-リスト

カスタマイズ実績も多数ございますので、ぜひご検討ください。ご不明な点がございましたら、お気軽にお問い合わせください。

Case

事例

アイカラーが開発したWebブラウザゲームの事例

スマホ・タブレット(iOS/Android)対応カジュアルゲーム、PC(Windows/macOS)対応Webブラウザゲーム、キャンペーン用インスタントウィンゲームなど、開発実績の一部事例をご紹介いたします。

1. 大阪ガス様 Webキャンペーン用ブラウザゲーム

Webブラウザゲーム開発 制作事例

期間限定のWebコンテンツとしてブラウザゲーム(タイムトライアル形式の横スクロールアクション)をフルスクラッチ開発いたしました。

デザイン制作
サウンド実装(BGM・SE)
システム連携(UID、タイムレコード、ポイント等)

対応デバイス:スマホ、タブレット、PC
開発環境:HTML5/JavaScript(iOS:Mobile Safari/Chrome、Android:Chrome、Windows:IE10以上/Chrome)

2. RedBull様 Webキャンペーン用ブラウザゲーム

Webブラウザゲーム制作実績

Webキャンペーン内コンテンツとしてリズムゲーム※(HTML5/JS)をフルスクラッチ開発いたしました。

※「BGM再生」および(打点タップで)「SE再生」

HTML5/JS(Canvas)コーディング
サウンド(BGM/SE)実装

対応デバイス:スマホ
開発環境:HTML5/JavaScript(iOS:Mobile Safari/Chrome、Android:Chrome)

3. カインズ様 イベント用Webアプリ

Webブラウザゲーム開発 制作事例

実店舗で実施するイベント用のWebアプリ※(HTML5/JS)をフルスクラッチ開発いたしました。

※トートバッグのプリント用データ

HTML5/JS(Canvas)コーディング
カラーパレット、ブラシツールなど、「塗り絵」ツールを実装

対応デバイス:スマホ、タブレット、PC
開発環境:HTML5/JavaScript(iOS:Mobile Safari/Chrome、Android:Chrome、Windows:Chrome/Firefox、macOS:Chrome/Safari/Firefox)

4. 音泉様 イベント用ブラウザゲーム

ブラウザゲーム開発実績

イベントで使用するブラウザゲーム「神経衰弱」をフルスクラッチ開発いたしました。

デザイン制作
サウンド実装(BGM・SE)

対応デバイス:PC
開発環境:HTML5/JavaScript(Windows:Chrome)

Recent Results

直近の実績

HTML5ゲームのカスタマイズ、ブラウザゲームのフルスクラッチ開発など、「Release」にて直近の開発実績をご紹介しております。

FAQ

よくあるご質問

ブラウザゲーム開発について、これまでにお問い合わせいただいたものをまとめました。

「開発全般」について

Q. 現在動作しているFlashゲームをHTML5/JSでリメイクすることはできますか?

A. はい、FlashゲームをHTML5/JS(Canvas)ゲームとしてリメイクする作業も承っております。各ブラウザでFlashのサポートが終了しておりますので、早めの対応をおすすめいたします。

Q. キャラクターや背景など、素材制作も対応できますか?

A. ゲーム素材の制作も承っております。必要に応じてラフ(またはカンプ)など、都度提出いたします。

Q. BGM、SEの制作も対応できますか?

A. ゲーム内BGM、SEの制作も承っております。アクションゲーム、パズルゲームなど、世界観に合ったクオリティで制作いたします。開発環境に応じてAudio要素/WebAudioAPIいずれかの方法で実装いたします。

Q. クイズ形式のブラウザゲームを開発し、設問と選択式回答のテキストを更新できますか?

A. はい、更新または変更可能です。納品時に、更新方法を説明させていただきます。都度、クイズの設問と選択式の回答用テキストを更新することによって、フレッシュなコンテンツを継続して運営いただけます。

Q. 既製のhtml内に、ブラウザゲームを実装することは可能ですか?

A. はい、可能です。開示いただいた貴社htmlの仕様にもとづいて制作いたしますので、納品ファイルを貴社html内に実装いただければ動作いたします。

Q. 既にリリースしているスマホネイティブアプリ内に導入することはできますか?

A. はい、ネイティブアプリ内にご導入いただく場合は、WebViewで実装いただければハイブリッドアプリとしてご利用いただけます。

Q. バックエンド(サーバサイド)とシステム連携は可能ですか?

A. はい、可能です。事前に決定した仕様にもとづいてバックエンドからデータを受け取り、UID/ゲームID/スコア/イベントフラグ/(ゲーム結果に応じた)付与ポイントなどをパラメータで返します。パラメータはご指定いただいた仕様で連携可能です。画像可変については、(バックエンド側で)フロントエンド内の該当画像のパスを書き換えていただければ可変にすることも可能です。

Q. アイカラー社で開発済みのブラウザゲームをカスタマイズすることは可能ですか?

A. はい、可能です。弊社既製ブラウザゲームをデザイン変更したり、ご希望の仕様に変更するなど、カスタマイズすることができます。詳しくは カジュアルゲーム のページをご覧ください。

「開発環境」について

Q. 納品形式を教えてください。

A. 弊社開発のゲームコンテンツは、HTML5/JS(Canvas)ファイル納品となります。

Q. スマホ、タブレット、PCそれぞれに対応可能ですか?

A. はい、可能です。Windows/macOS、Android/iOSそれぞれの動作環境で検証して開発いたします。スマホ・タブレット版とPC版で画面構成(アスペクト比)を変える場合などは予めご相談ください。

Q. iPhoneのみ、またはiPadのみに限定したHTML5/JS開発は可能ですか?

A. はい、可能です。開発にあたり、対応必須の条件として「iOSのバージョン」「対応ブラウザの種類およびバージョン」についてご検討ください。

Q. 納品ファイルをサーバにアップロードするにあたり、何か留意点はありますか?

A. 画像配置先とHTMLなどを分けて管理する「クロスドメイン」の環境はバグの原因となります。そのため、弊社納品ファイルは同一ドメイン内で運営管理していただきますようお願いいたします。

Q. 対応機種の一覧はありますか? または、推奨環境を知りたいのですが。

A. HTML5/JSゲームは、ブラウザの仕様に依存するため、以下の環境を推奨させていただいております。

【SP/Tablet】
Android:Chrome(最新版)
iOS:Mobile Safari(最新版)/Chrome(最新版)

【PC】
Windows:Chrome(最新版)/Firefox(最新版)
macOS:Chrome(最新版)/Safari(最新版)/Firefox(最新版)
※IE(またはEdge)への対応が必須の場合はご相談ください。

Staff Blog

スタッフブログ

ブラウザゲームのフルスクラッチ開発につきましては、過去お客様よりお問い合わせいただいた事例をもとに、以下の「スタッフブログ」でもご紹介をさせていただいております。

Contact Us

問い合わせ

“ご不明な点がございましたらお気軽にお問い合わせください”

お問い合わせ-ブラウザゲーム制作

「ブラウザゲームの開発にあたり、もう少し詳しく聞きたい」

「グラフィック・BGM制作を含めて概算金額、工期を知りたい」

「イメージしているブラウザゲームを具体的に企画して進めたい」

「クライアントへ提案するにあたり、事前に打ち合わせをしたい」

など、お気軽にご相談ください。

テキストのコピーはできません。