実装・コーディングLP MAXON PARTY ’25春 3Dオンラインイベントサイトになります。 https://cgworld.jp/special/maxon-party/vol1/ 実装・コーディング けんた このクリエイターの作品一覧を見る 担当者コメント 合計12パターン以上のアニメーションを実装させていただきました。 【実装のこだわり】 ●FV(ファーストビュー) ・3層レイヤーで遠近感を演出 ・マウス追従アニメーション(上下左右) ・ふわふわの上下運動:奥ほど動きを小さくして奥行き感を演出 ・アイコンを3パターンで切り替え表示 ・アイコンを3グループに分けて順番に表示 ・テキストモーション:初期表示 → アニメーション切り替え(読み込み対策あり) ・チケット:右から出現 → スクロールで移動 → フッター到達で右に退場 ●タイムテーブルセクション ・カウントアップアニメーション(スクロール発火) ・人物アイコンのホバーでSNSアイコン表示 ↳ 5秒後 or 他アイコンホバーで非表示 ↳ クリップパスでホバー範囲を画像の8角形内に限定 ・3D素材の操作可能な埋め込み ・時間指定ボタンの実装 ・スライダー付きモーダル ↳ サムネクリックで拡大、1枚のみならスライド無効 ・矢印アニメーション:透明→白に変化、奇数偶数で切り替え ・円形テキストアニメーション
実装・コーディング けんた このクリエイターの作品一覧を見る 担当者コメント 合計12パターン以上のアニメーションを実装させていただきました。 【実装のこだわり】 ●FV(ファーストビュー) ・3層レイヤーで遠近感を演出 ・マウス追従アニメーション(上下左右) ・ふわふわの上下運動:奥ほど動きを小さくして奥行き感を演出 ・アイコンを3パターンで切り替え表示 ・アイコンを3グループに分けて順番に表示 ・テキストモーション:初期表示 → アニメーション切り替え(読み込み対策あり) ・チケット:右から出現 → スクロールで移動 → フッター到達で右に退場 ●タイムテーブルセクション ・カウントアップアニメーション(スクロール発火) ・人物アイコンのホバーでSNSアイコン表示 ↳ 5秒後 or 他アイコンホバーで非表示 ↳ クリップパスでホバー範囲を画像の8角形内に限定 ・3D素材の操作可能な埋め込み ・時間指定ボタンの実装 ・スライダー付きモーダル ↳ サムネクリックで拡大、1枚のみならスライド無効 ・矢印アニメーション:透明→白に変化、奇数偶数で切り替え ・円形テキストアニメーション
担当者コメント
合計12パターン以上のアニメーションを実装させていただきました。
【実装のこだわり】
●FV(ファーストビュー)
・3層レイヤーで遠近感を演出
・マウス追従アニメーション(上下左右)
・ふわふわの上下運動:奥ほど動きを小さくして奥行き感を演出
・アイコンを3パターンで切り替え表示
・アイコンを3グループに分けて順番に表示
・テキストモーション:初期表示 → アニメーション切り替え(読み込み対策あり)
・チケット:右から出現 → スクロールで移動 → フッター到達で右に退場
●タイムテーブルセクション
・カウントアップアニメーション(スクロール発火)
・人物アイコンのホバーでSNSアイコン表示
↳ 5秒後 or 他アイコンホバーで非表示
↳ クリップパスでホバー範囲を画像の8角形内に限定
・3D素材の操作可能な埋め込み
・時間指定ボタンの実装
・スライダー付きモーダル
↳ サムネクリックで拡大、1枚のみならスライド無効
・矢印アニメーション:透明→白に変化、奇数偶数で切り替え
・円形テキストアニメーション