• 操作
  • ギミック

#gimmick 015

ドラッグ操作に連動して軌跡が描かれる

参考サイトURL
動きの解説

画面上でマウスをドラッグ(またはスワイプ)した軌跡に沿って、パスやオブジェクトがリアルタイムに描画される遊び心のあるインタラクションです。ユーザー自身がサイトのビジュアルに干渉し、キャンバスに絵を描くような能動的な体験を提供できるため、クリエイティビティや自由をアピールしたいデザイン会社やキャンペーンサイトに最適です。実装はCanvas APIを利用し、マウスの座標を取得して滑らかな曲線やパーティクルを連続的に描画します。