Webブラウザゲーム開発

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

集客力のあるWebゲームを「HTML5/JSブラウザゲーム開発」

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ブラウザゲーム-利用率アップ

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

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

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

デバイス

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

マルチデバイス

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

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

利便性

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

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

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

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

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

Price

料金

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

Webブラウザゲーム費用(料金)金額

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

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

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

Original Contents

オリジナルコンテンツ

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

“Sugoroku” Browser Game

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

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

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

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

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

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

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

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

“Meiro Puzzle” Retro Game

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

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

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

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

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

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

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

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

Casual Game

カジュアルゲーム

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

Webブラウザゲーム開発

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

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

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

カジュアルゲーム

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

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. 音泉様 イベント用ブラウザゲーム

Webブラウザゲーム開発実績

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

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

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

Recent Results

直近の実績

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

FAQ

よくあるご質問

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

「開発全般」について

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

「開発環境」について

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

問い合わせ

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

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

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

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

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

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

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

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