numerical nostalgia II

0

作品を見る
http://etext-music.com/works/svg/Art_3.html

・全画面モード(F11)がおすすめ。

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1912px" height="1072px" style="background:black">
<image x="10" y="20" width="50" height="50" opacity="0.82">
<animate attributeName="xlink:href" begin="0s" dur="7s" repeatCount="indefinite" values="n0.bmp; n1.bmp; n2.bmp; n3.bmp; n4.bmp; n5.bmp; n6.bmp; n7.bmp; n8.bmp; n9.bmp" />
</image>
<rect x="10" y="20" width="50" height="50" style="stroke:#222222; stroke-width:2; fill-opacity:0; stroke-opacity:0.5"/>
<image x="10" y="70" width="50" height="50" opacity="0.92">
<animate attributeName="xlink:href" begin="0s" dur="22s" repeatCount="indefinite" values="n0.bmp; n1.bmp; n2.bmp; n3.bmp; n4.bmp; n5.bmp; n6.bmp; n7.bmp; n8.bmp; n9.bmp" />
</image>
<rect x="10" y="70" width="50" height="50" style="stroke:#222222; stroke-width:2; fill-opacity:0; stroke-opacity:0.5"/>
<image x="10" y="120" width="50" height="50" opacity="0.97">
<animate attributeName="xlink:href" begin="0s" dur="36s" repeatCount="indefinite" values="n0.bmp; n1.bmp; n2.bmp; n3.bmp; n4.bmp; n5.bmp; n6.bmp; n7.bmp; n8.bmp; n9.bmp" />
</image>

・・・・・・・・

<rect x="1860" y="970" width="50" height="50" style="stroke:#222222; stroke-width:2; fill-opacity:0; stroke-opacity:0.5"/>
<image x="1860" y="1020" width="50" height="50" opacity="0.92">
<animate attributeName="xlink:href" begin="0s" dur="20s" repeatCount="indefinite" values="n0.bmp; n1.bmp; n2.bmp; n3.bmp; n4.bmp; n5.bmp; n6.bmp; n7.bmp; n8.bmp; n9.bmp" />
</image>
</svg>

Default