マウスカーソルの軌跡で表現する系のスケッチで、起動直後に左上にカーソル出たことにされてて萎えることありませんか?
そうです、コイツです。
これを抑制するには2つの方法が考えられます。
方法A : クリックしている間だけ軌跡を表示する(ドラッグ操作)
起動直後は非クリック状態なので何も起こりません。
ドラッグで操作するスケッチになります。
方法B : カーソルが動き出してから表示を解禁する
前フレームのカーソル位置であるpmouseX、pmouseYと現フレームのカーソル位置であるmouseX、mouseYをチェックして異なる値であればスケッチ上でカーソルが動いたものとして認識します。
ドラッグではなくカーソル移動だけで認識させたい場合はこちらの方法がオススメです。
サンプルはp5.jsで書いていますがProcessingでも同様のはずです。
See the Pen mouseSample01 by reona396 (@reona396) on CodePen.
そうです、コイツです。
これを抑制するには2つの方法が考えられます。
方法A : クリックしている間だけ軌跡を表示する(ドラッグ操作)
起動直後は非クリック状態なので何も起こりません。
ドラッグで操作するスケッチになります。
See the Pen mouseSample02 by reona396 (@reona396) on CodePen.
方法B : カーソルが動き出してから表示を解禁する
前フレームのカーソル位置であるpmouseX、pmouseYと現フレームのカーソル位置であるmouseX、mouseYをチェックして異なる値であればスケッチ上でカーソルが動いたものとして認識します。
ドラッグではなくカーソル移動だけで認識させたい場合はこちらの方法がオススメです。
See the Pen mouseSample03 by reona396 (@reona396) on CodePen.
サンプルはp5.jsで書いていますがProcessingでも同様のはずです。