ユニゼロワン機能DEMOサイト
この機能の説明
- 表示されるボタンの多くはサンプルDEMOにつき機能しません。
- ほとんどの機能は、カスタマイズが可能で、複数の機能を組み合わせることもできます。
- 完全にオーダーメイドでの機能作成も承っております。（グループサイト STUDIO ユニゼロワンをご参照ください）
- ほとんどの機能がフルレスポンシブ機能（スマートフォンやタブレットでの最適化表示）に対応しており、大幅に調整又は別レイアウトでの制作にも対応しています。
- フルレスポンシブ機能を確認するには、「デバイスプレビューを見る」ボタンからお進みください。
- 異なるプログラミング手法による同じ機能も他の機能DEMOグループサイトでご紹介しております。
「Draw SVG」は、SVG の線を“手書きアニメーションのように描画する”視覚効果を追加できる機能です。
ロゴ・アイコン・図形などの SVG パスが、スクロールやロードに合わせて 線がスーッと描かれる演出を実装できます。
機能応用例
🔸特徴
- SVG のパスを アニメーションで描画
- 開始タイミング（スクロール/ロード）を選択可能
- 描画速度・遅延・方向など 細かく制御
- 塗り（Fill）や線（Stroke）のアニメーションにも対応
- ロゴ・アイコン・イラストの演出に最適
🔸よく使われる場面
- ロゴが線で描かれる印象的なイントロ演出
- アイコンや図形を動きのある表現にしたい時
- LP のセクション区切りで視線誘導
- 手書き風アニメーションを使ったブランド表現