お知らせ

コードで描く、立体WEBアニメーションで、新しいトップ体験。

投稿:2025/03/24

トップページの立体WEBアニメーションのご確認はこちらから

3D表現を取り入れた立方体が回転しながら、映像や画像をリッチに表示する演出を実装しました。
回転する立方体は、3Dモデリングソフトを使って作成したものではなく、すべてプログラミングによってリアルタイムに描画・制御しています。
表示している映像や画像は別として、立方体の動きや見え方、背景との関係性まで、コードで自在にコントロールしています。

背景では空の色が変化し、雲がやさしく浮かぶなど、さりげない演出も加えています。
PCとスマートフォンそれぞれの環境に合わせて、映像の読み込みタイミングやアニメーションの有無を調整し、動作の軽快さと世界観の両立を実現しています。

特に、簡単な形状であればデータの用意や専用ツールが不要なため、デザインの自由度が高く、表現の幅も広がります。
スマホとPCで挙動を変えるなど、閲覧環境に応じた最適化も行っております。

「サイトに動きを加えたい」「印象に残る演出を入れたい」といったご要望にも対応可能ですので、ご相談はお気軽にどうぞ。

お問い合わせ

ホームページ制作・ブランディングデザインのご相談・お見積は無料で承ります。
オンラインで全国対応、オフラインは千葉を中心にご相談可能。
インボイス制度にも対応しておりますので、お気軽にお問い合わせください。