3DアニメーションによるWEBビジュアル演出
サイトを開いた瞬間に、「おっ」と思わせたい。
そんなトップページの演出を、3Dアニメーションで実現できます。
こちらの動画は、弊所がトップページ用に制作した立体的なWEBアニメーションの一例です。
視覚的なインパクトと動きによって、第一印象を強く印象づける演出となっています。
プログラム制御による、自由度の高い3Dアニメーション演出
3D表現を取り入れた立方体が回転しながら、映像や画像をリッチに表示する演出を実装しました。見る人にインパクトを与えるだけでなく、ブランドの世界観や雰囲気を印象的に伝える役割も担います。
回転する立方体は、3Dモデリングソフトを使って作成したものではなく、すべてthree.jsによるプログラミングでリアルタイムに描画・制御しています。
表示している映像や画像は別として、立方体の動きや見え方、背景との関係性まで、コードで自在にコントロールしています。
印象に残るWeb体験で、ブランドの世界観を伝える
背景では空の色が変化し、雲がやさしく浮かぶなど、さりげない演出も加えています。
PCとスマートフォンそれぞれの環境に合わせて、映像の読み込みタイミングやアニメーションの有無を調整し、動作の軽快さと世界観の両立を実現しています。
特に、簡単な形状であればデータの用意や専用ツールが不要なため、デザインの自由度が高く、表現の幅も広がります。
スマホとPCで挙動を変えるなど、閲覧環境に応じた最適化も行っております。
「サイトに動きを加えたい」「印象に残る演出を入れたい」といったご相談にも対応しております。
演出イメージがまだ固まっていない段階でも、どうぞお気軽にご相談ください。