@ledsun blog

Hのキーがhellで、Sのキーがslaveだ、と彼は思った。そしてYのキーがyouだ。

マクロスのミサイルみたいな矢印

こんな感じでX座標が同じ目標にむかう矢印は狭い範囲に集中してごちゃごちゃします。

f:id:ledsun:20220311100009p:plain
同じ座標に向かっている矢印

そこでマクロスのミサイルみたいに各矢印に個性を与えます。

f:id:ledsun:20220311100034p:plain
マクロスのミサイルみたいな矢印

正確に言うと逆です。 マクロスのミサイルは目標地点は1つで、経路に個性があります。 今回与えた個性は、目標地点をずらしています。 目標地点が画面外に出ていて見えないことを良いことに、矢印が向かうX座標をランダムで変更しています。

ネットワーク、パフォーマンス、メモリを指しているように見えるかもしれませんが、偶然です。

f:id:ledsun:20220311100723p:plain
順番に並んだ矢印

もう少し調整して、矢印が決まった順番にならぶようにしました。 矢印の個性は減ります。 矢印の交差が減るので関係性は見やすくなります。

ちなみにこの画像はブラウザのキャプチャで、矢印はSVGで描いています。