ユニスポットを見る

TOP > ユニスポット研究所 > Codex PetをWebで動かす技術研究

キャラクターを読み込んでいます

へ移動しますか?

01

AIから生まれた相棒を、
Webへ。

OpenAI Codexのペット機能で生まれたキャラクターを、ブラウザの中へ。
AI活用のアイデアを、触れて楽しめるWebコンテンツにしました。

Codex Pet(Codexペット)の連番アニメーション画像をWeb用に整理し、JavaScriptで移動や待機の動きを制御。AIで生まれた表現を、Web制作の技術で新しい体験へつなげています。

02

動かすほど、
サイトがつながる。

マウスやタッチでキャラクターを動かし、マップの中を自由に探索。
遊びながら、ユニスポットの仕事や情報へたどり着けます。

PCではカーソル追従とクリック、スマートフォンやタブレットではタップと方向パッドに対応。スプライトアニメーション、カメラ追従、画面外ナビを組み合わせ、Webサイトの回遊性そのものをインタラクティブな体験として設計しました。

03

AIのひらめきを、
Web制作の提案へ。

「AIでつくったものを、どこまでWebで活かせるだろう。」
その問いを、実際に動くコンテンツとして形にしました。

企画・実装にはOpenAI Codexを活用。AIとの対話を重ねながら、レイアウト設計、JavaScript開発、レスポンシブ対応まで検証しています。富山のWeb制作会社ユニスポットは、AI活用の研究を、新しいサイト表現やお客様への提案につなげていきます。