さりげに一周年ということで、記念にはじめてネタを用意していった。SVGアニメーション以下のようなイメージをSVGだけで書き出して、アニメーションするというテスト。SVGとか知らない人にも、やろうと思えばSVGだけでこれだけできるよーってのを見てもらえればと思って。デモアニメーションが動作するのは、現時点ではOperaのみ。Firefoxも3.7では動くんじゃないかという話を聞いたが、3.6系などでは静止した状態で表示される。ChromeはDev版なら動くかもしれないが、私は検証していない。動いたとか動かないとか、気付いたらぜひ教えて下さい。あとマシンスペックによっては動きがカクカクかと...。書き出し機能を利用してSVGを作成している。試してみたところ、ちゃんと読めるソースが吐き出された。使っている方はいないかもしれないが、その点ご注意を。書き出したSVG背景のぐるぐるは<defs>というタグを使って、シンボル化して敷き詰めてみた。今回のアニメーションにはスクリプトを使わず、<animateMotion>を使っています。/>スケーラブル的なアレも、グループ化したオブジェクトごとに適宜設定してあります。transform="translate(0,0),scale(1.2,1.2)">ちなみにSVG入門とSVGの概要を参考にさせていただきました。ありがとうございます。あててみるyomotsu先生のネタが相変わらずのクオリティだったので、ぜひ自分の手元でも試してみたい。今回のネタをちょっとずつバージョンアップさせる方向で頑張ってみたいと思う。おまけ一周年記念&バレンタイン企画ということで、チロルチョコでチョコくじ引きをしてもらった。当たりを引いた方、おめでとうございます。物によっては迷惑という話もあるが。滅せぬもののあるべきか。日々はなうたを歌いながら、最期を迎えるその日まで、うぬらと共に楽しく暮らす。Yamagishiひとことメモ最近とても消極的な理由ではてなブログに引っ越してきました。Hitoyam.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。