Javascriptでスプライトシートアニメーション

気が付けば、今年の挨拶をすることなく、すでに2月。今更ながらあけm、・・いや、もうやめておこう。
ちなみに正月休み等の連休もメインPCを1回も起動することなく終わってしまいました。ネットブックはかろうじて開くんですけどね。

そんな中、とりあえず何をしているかというと、ゲーム製作はそっちのけで、取りあえず何か公開・配布できるものを作ろうと思ってアプリ製作に注力しています。あ、いや、することにしました。いつからって?さっき。

メインPCでしか動かないような大型開発環境では続かないということは分かっているので、ネットブックで動く開発環境でというと、HTML、Javascriptを主体とするしかない。

そして、久々の一人の休日、一日かけて出来たのがこれ。
《クリックエフェクトアニメーション》
http://tiblab.net/programming/javascript/touch-effect/
クリック(またはタップ)すると、薄緑の円が抜け出せないほわ~んとアニメーションします。

ダウンロード
http://tiblab.net/cgi-bin/download/?id=touch-effect


いや、待って。何でこれなんだ!っと言う疑問はひとまず置いといて、実はこのほわ~んは下のスプライトシートと呼ばれる画像を使用するんですが、この画像自作です。
touch_effect.png

何で作ったかと言うと、Blenderです。いやー、久々に使いましたね!Blender!
最初はフリー素材探してたんですが、案外ないものですね。



続きを読む

このブログについて
□ ブログ内容
決まった趣旨はありません。
興味を持ったこと・日常で行ったことを何でも書きます。

3DCG・プログラミングなどが多めです。

□ 現在の活動
・ウェブサイト制作
 (http://tiblab.net)
・3Dゲーム制作
 (コックパニック)
検索フォーム
ユーザータグ

Blender キャプチャ blendファイル BGE Python GameEngine ムービー Android CG  Red5 Terragen C# C++ 

カテゴリー
プロフィール

TiBra

Author:TiBra
趣味でCG制作、プログラミング等を行っています。メイカーズに憧れています。

ネットを通じた交流を広げたく思っていますので、コメント・メールはお気軽にどぞー

戯言程度のことは、こちらのブログに投稿しています。基本戯言なので、実質移転しているようなものです。

Mail:tibraあっとlive.jp
HP:TibLabmemocode
動画:VimeoFC2動画ニコニコ
ファイル:SkyDrive
企画:3Dゲーム作業実況

Blogリンク
不都合がございましたらご連絡ください。
当ブログのリンクバナー
FC2 ID
FC2カウンター
RSSフィード+解析コード