動くissacoid - 井戸端

動くissacoid

nishioの動くアイコン

code:from_issacoid.svg

<svg width="100" height="100" viewBox="0 0 2 2" xmlns="http://www.w3.org/2000/svg">

<rect x="0" y="0" width="1" height="1" fill="#81C784">

<animate attributeName="width" values="0;2;0" dur="10s" repeatCount="indefinite" />

<animate attributeName="height" values="2;0;2" dur="9s" repeatCount="indefinite" />

</rect>

<rect x="0" y="1" width="1" height="1" fill="#AED581">

<animate attributeName="width" values="0;2;0" dur="10s" repeatCount="indefinite" />

<animate attributeName="height" values="1;2;1" dur="9s" repeatCount="indefinite" />

<animate attributeName="y" values="2;0;2" dur="9s" repeatCount="indefinite" />

</rect>

<rect x="1" y="0" width="1" height="1" fill="#BBD3E9">

<animate attributeName="width" values="2;0;2" dur="10s" repeatCount="indefinite" />

<animate attributeName="x" values="0;2;0" dur="10s" repeatCount="indefinite" />

<animate attributeName="height" values="2;0;2" dur="9s" repeatCount="indefinite" />

</rect>

<rect x="1" y="1" width="1" height="1" fill="#4A90E2">

<animate attributeName="width" values="2;0;2" dur="10s" repeatCount="indefinite" />

<animate attributeName="x" values="0;2;0" dur="10s" repeatCount="indefinite" />

<animate attributeName="height" values="1;2;1" dur="9s" repeatCount="indefinite" />

<animate attributeName="y" values="2;0;2" dur="9s" repeatCount="indefinite" />

</rect>

</svg>

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/villagepump/動くissacoid/from_issacoid.svg

svg-hostingの調子が悪い

動いた！

なんかDVDVIDEOのスクリーンセーバー？らしい

変わらなきゃ

赤リンクなので動機が記されていないwogikaze.icon

突然にアイコンが変わる文化好き

アイコン歪んでると思ったらもとに戻っていたりしてて、バグってるのかと思ったが、animation速度を非常に遅くしていたせいかtakker.icon

閲覧直後はいつものissacoid

数十分後にふと見ると非対称issacoidになる

長いこと24時間周期にしてたんだけど気づかれないので1時間周期にしたnishio.icon

1分にしてみた

10秒にしてみた

ハイパー非対称bsahd.icon

アハ体験Summer498.icon

知らない間に違う動きに書きかわっててウケるwnishio.icon

せっかくなので切り出しておいた

いつも少し違うなと思っていた基素.icon