+RECOMMEND
+RECOMMEND
+Ad
+OTHERS

無料ブログ作成サービス JUGEM

paperboy&co.
RSS 1.0
ATOM  0.3
<< February 2018 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 >>
<< CSSジェネレーター【Layer Styles】 | main | オンラインで請求書が制作できるサービス「請求書.jp」 >>
【スプー】jsdo.ti javascriptでモーフィング【はいだしょうこ】


面白法人カヤックの提供しているブラウザ上でJavaScript、CSS、HTML5の制作、共有ができるサービス「jsdo.it」におもしろいスクリプトが公開されていたのでご紹介。

タイトルどおり、JavaScriptでSVGデータを制御したモーフィング作品です。


こちらがその作品

■はいだしょうこ画伯の5年間の成長を、SVGでモーフィングにしてみた
http://jsdo.it/norahiko/monster-spoo

かの有名な、おかあさんといっしょのNHK第19代目うたのおねえさんである「はいだしょうこ」さんが生み出したスプーのがモーフィング対象になっています。



モーフィングは、正しいスプーと5年前に描かれたあのスプー。そして先日新たにかかれた進化したスプーの3種類を試すことができます。

モーフィング対象はまあネタとしてたのんでください。
技術的にもSVGとJavascriptでいろいろやりたくなってくるおもしろいものなので、一度見てみることをお勧めします。また、このスクリプトをはじめ「jsdo.it」に公開されているものは「Fork」機能で加筆、修正したり、ダウンロードしていろいろいじったりできるので、モーフィング対象を変えてみたりいろいろオリジナリティを追加してみるのも面白いかもしれません。

ほかにもjsdo.itには参考になるものや、実験的で面白いものがります。
■jsdo.it
http://jsdo.it/
| スクリプト/プログラム | 11:45 | comments(0) | trackbacks(0) | - | - |はてなブックマーク - 【スプー】jsdo.ti javascriptでモーフィング【はいだしょうこ】 | このエントリーをはてなブックマークに追加









http://blog.tug.lomo.jp/trackback/990270