インタラクティブ・ポートフォリオ

概要

実績、専門性、料金へ直接アクセスできる使いやすさを保ちつつ、探索を楽しめるポートフォリオを目指しました。キーボードとタッチの両方に対応し、コンテンツを読むためにゲームを必須にしない設計が必要でした。

担当したこと

• 歩行・俯瞰カメラ、ストーリー拠点、独立した釣り体験を備えた球体ワールドを制作しました。
• エモートやジャンプができるキャラクターと、外周を超えて倒すと走るモバイル用ジョイスティックを実装しました。
• ランドマークの衝突判定と、障害物を避けて到達可能な地点へ移動するナビゲーションを実装しました。
• 釣りの完了後に、既存の料金表へつながる、閉じることのできる案内を表示しました。

成果・現在の状況

ストーリーの探索、キャラクター操作、サービスへの導線を組み合わせた体験を実装しました。モバイル操作、衝突判定、経路探索、本番ビルドの確認を行いました。

次の改善では、処理能力の低い端末での計測と、訪問者がどの体験を選ぶかの把握に注力する予定です。

技術スタック・ツール

• Next.js
• React
• TypeScript
• Three.js
• スケルタルアニメーション
• ポインター操作