Motiondeep X John Jattoh

シニアモーションデザイナー兼クリエイティブディレクター John Jattoh のスタジオ Motiondeep のティザーマイクロサイトです。モーショングラフィックス、体験型3D、インタラクティブなゲーム開発、VFX、UI/UX モーションシステムを扱うと掲げています。本サイトの前段に置かれた play area という位置づけの1ページです。 ポートフォリオの体裁を取らず、遊べる3Dシーンそのものが本体になっています。コインを集める仕組み、カメラの回転操作、時間を巻き戻す仕掛けを持ち、操作はクリック、キーボード、マウスドラッグ、そしてスマホでは端末の傾きに割り当てられています。フロアがせり上がるリベール、ローディング、ポータル遷移といった演出でシーン間を繋ぎます。 【参考になるポイント】 ・デスクトップはドラッグ、モバイルはデバイスの傾きでカメラを回す二系統。同じ体験を入力デバイスごとに割り当て直す設計が分かりやすい ・ティザーを名乗って1ページに絞ることで、ポートフォリオの網羅性を捨てて体験の密度に全部振っている ・ポータル遷移はシーンを切り替える口実として使われており、ロード時間を演出の中に隠す常套手段 ・OG画像が johnjattoh.co.uk 側に置かれており、スタジオ名義と個人名義のドメインを跨いで運用している ・※meta-keywords に Three.js と WebGL の記載があるが、バンドル内の WebGLRenderer や glTF 資産は未確認 ・※Awwwards は2026年8月13日時点で Nominee