本文へ移動
MakeAI

インストール不要。開いた瞬間、動く。

Case study — interactive & 3D

配布はURLひとつ、あるいはファイルひとつ。商談の場でその場で開いて触っていただける形にすることを、設計の前提にしています。

EMBER VALE — 剣戦闘と敵AIを備えたブラウザ製オープンワールド3D
EMBER VALE — 実機キャプチャThree.js / 単一ページ

Case 01

EMBER VALEOpen-world in a browser tab

広いフィールド、剣戦闘、敵のステートマシン、飛行移動、ボス戦。一般に「ゲームエンジンが必要」とされる要素を、 ブラウザだけで動く形にまとめています。キャラクターは同一モデルの色違いに統一し、見た目の統一感と読み込みの軽さを両立しました。

Three.js敵AIステートマシン当たり判定の自前実装飛行モードボス戦

Portfolio

制作した3D・インタラクティブAll captured from the running build

AETHERION 光の庭 — 3D探索アドベンチャーのタイトル画面
AETHERION/光の庭 — 探索アドベンチャー公開済み
CRYSTAL HORIZON — 昼夜サイクルのある3D RPG
CRYSTAL HORIZON — ファンタジー3DBloom / 昼夜サイクル
アニマルカート アイランドGP — 3Dレースの走行画面
アニマルカート アイランドGP — 3Dレーススプライン879m / AI 7体
HOOP ARENA — バスケットボールのミニゲーム
HOOP ARENA — スポーツミニゲームドラッグ操作
ウパル村 — 召喚と村づくりのシミュレーション
ウパル村 — 経営シミュレーション単一HTML
クラシックRPG — フィールドとイベント表示
クラシックRPG II — 2D RPG3人パーティ / 船 / ボス

Use cases

「触れる資料」は、
読ませる資料より強い。Why interactive works

01

商談デモ

製品や空間の理解に時間がかかる商材ほど、その場で触れる3Dが効きます。ノートPCとブラウザだけで再生できます。

02

販促・キャンペーン

短時間で遊べるミニゲームを、キャンペーンサイトに組み込む形で提供。サーバー不要のため運用負荷がほぼありません。

03

展示・イベント

ブースの常設端末で動かす体験コンテンツ。オフラインでも動くよう、外部依存を持たない構成にできます。

04

採用ブランディング

会社の世界観を「読むもの」ではなく「体験するもの」に変換します。技術力の証明としても機能します。


Quality

「動きました」を、
証明してから納品する。Verified before delivery

3Dは、環境によって動かないことがあります。だからこそ、再現可能な手順で検証してからお渡しします。

  1. 01

    ヘッドレスブラウザで実起動

    本番と同じURLをプログラムから開き、実際に描画されたフレームを画像として取得します。目視ではなくファイルで確認します。

  2. 02

    内部状態をフックで取得

    ゲームループの状態を外部から参照できるフックを用意し、進行・当たり判定・スコアが期待どおりかを機械的に確認します。

  3. 03

    GPU非対応環境での確認

    WebGLが使えない環境でも、画面が真っ黒にならないフォールバックを用意します。

  4. 04

    実機での操作確認

    最後は人が触ります。数値では出てこない「気持ちよさ」の調整は、この段階で詰めます。

LET’S MAKE IT WORK.

次の一歩を、
一緒につくる。

業務のAI活用も、SEO・AI検索への取り組みも。
いまの課題から、必要なことを整理します。

まずは、話して整理する

初回無料相談

オンライン60分。代表が直接お話を伺い、
支援できる範囲と進め方を整理します。

無料相談を申し込む2〜3営業日を目安に返信します。

社内での比較・検討に

資料ダウンロード

研修・導入支援・AI顧問の基本案内と、
相談準備シートをご用意しています。

資料の内容を見るメール登録不要・無料