UNIQLO_GRID みたいに「うねうね」揺れる線 - てっく煮ブログ

as既に各所で話題になっている UNIQLO_GRID ですが、ドラッグしたときに線が「うねうね」と揺れる様がステキだったので、マネしてみました。ドラッグして遊んでみてください（表示されない場合はリロードを）。手書き風効果に使えそうですね。揺れ具合など改善の余地はたくさんありそうです。それはそうと、どうやってアルゴリズムを想像したかを記録しておきます。右クリックから拡大して、UNIQLO_GRID の線がベクターであることを確認少ししか動かしていないときは直線として描画されていることを発見曲線になる条件は、移動距離や移動時間ではなく、mouseMove イベントの発生回数ではないかと仮定（実際は違うかも）曲線になった瞬間、途中に通った場所がベジェ曲線の中間点として採用されることを発見試験実装→そこそこそれっぽく動くマウスを早く動かすと、汚いことを発見→マウスの移動距離が既定値を超えると、そ

[youz]

まさしくんハイとかウゴツールみたいな

[HolyGrail]

おお、勉強になります！

[dealforest]

うねうね線

[oki448jp]

UNIQLO GRIDライクなうねうね揺れる線

[bigchu]

たしかに速く動かすと汚い、なるほどぉUQみすったな / nitoyon

[nilab]

UNIQLO_GRID みたいに「うねうね」揺れる線 - てっく煮ブログ : ベジェ曲線のポイントを少しランダムにズラして描画

[shidho]

むしろコードのサンプルとして読んでみる。

[yoshiii]

たのしいぃぃぃ！

[suttang]

これはいいうねうね

[ll_koba_ll]

解析解析

[nagachika]

うねうね

[Makkon810501]

すばらすぃ

[samurai20000]

うねうね

[moqada]

ドラッグでうねうね線