blog.rettuce.com » アニメーション用連番jpg書き出しツール作ってみたよ。
ということで、2ヶ月ほど前にgoogleロゴのアニメーションについてのblogを書いたら 技術者以外の人たちから割と反響があったので、今回はその連番素材をflashで作れるようにしてみたよ。 ちなみにこれは東京てら子 Vol.16 『ドキッ、JavaScriptだらけの240分』でも発表した内容なんですが、 その時にざっと作ったので全くお見せできる代物ではなく、、 以下、てら子の自分まとめとしてメモ。 前回内容+てら子発表内容 ・googleやframeプロジェクトのサイトではアニメーションを連番の１枚絵にしてjsで動かしてたよ！ ↓ ・パラメータを変数として持たせておけばそこを変更するだけで jsが分からなくてもアニメーション表示できるんじゃない？ ↓ ・割とキレイにできる！けど連番の１枚絵を作るのがめんどくさいよ！泣 今回やってみたこと ・そこでflash使ってtoolにすればいいんじ
アニメーションgifならぬアニメーションjpg/png
今日（2011/5/11）のgoogleロゴはダンスのアニメーションになってて、 それがとてもキレイでかっこいいアニメーションだったので、 自分もアニメーション用のjsをちょこっと書いてみた。 「Google」の6文字が踊る――マーサ・グレアムさん生誕記念のホリデーロゴ この人がロゴのアニメーション作ってた人。 ほんと細部までキレイなアニメーション。このアニメーターのモーション技術すっげぇ。。 んで、googleロゴの中身見てみると、gifアニメかと思いきやpngのポジションをずらす方法を取ってて これがネタばらしの一枚絵。 そういえば、一昨日公開された、thaのFRAMED*のページでも使われてたなぁ、これ。と思い、 普通にjs書ける人には一瞬でできるだろうから関係ないけど、 この1枚絵さえ作れれば、誰でもアニメーションgifならぬ、 アニメーションjpgとか、アニメーションpngつくれ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
