アニメーション
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
*趣旨 [#b96aaeae]
ちょっと、町中を歩く風の携帯アプリでの機能をつくることに...
*目次 [#ra3db4a7]
#contents
*目標 [#sa519b77]
ちょっとシリアス風なキャラクタを歩かせる
*アニメーションの哲学 [#yf386411]
http://alansmithee.pv.land.to/bangai-01.html
「物体の全体が急に止まることは無いんだよ
最初にある部分が止まって、それから他の部分が止まるんだ
人は動いてる最中のパーツ・ディテールなんて正確に知覚でき...
ようは、動くポイントが作る「軌道曲線」と「シルエット」と...
こいつ位しか知覚認識できないんです。
だから止まるポイントさえかっちり抑えてあれば
後はその3つに矛盾がなければ人にはそう見える
*いかに自分の仕事にむすびつけれるか考察 [#v0e8c316]
**時間について考える [#j578a24a]
アニメーションにおいて、時間とは不連続なものだ。
テレビアニメだと、不連続ながらも、コマ数がはっきりわかっ...
ところが、携帯端末においては、不定期で不連続なものだとい...
そんな中で、同表現するのか俺は。。。
アニメーションは、何コマは何ミリ秒後にくるのか事前にわか...
動的に飛ばされたコマ数を計算して、座標を計算して描く方法...
計算してその都度描画するのもどうかとおもう。携帯に計算で...
いつコマ落ちしてもよいように、予備の絵を計算で書いたもの...
でもそうなると画像データが予備の分だけ多くなってしまう。
やっぱり、その都度座標を計算か。。。どっちが正しいのか。...
これは実験してみるしかなさそうだ。
ひょっとしたら、多少のコマ落ちならば、回避してでも見せた...
**シーン [#q9a9b16b]
アニメーションはシーンのタイムラインが並べられたものであ...
**シーンのタイムラインの管理 [#u051f70a]
どの時間でアニメーションをだすのかを管理している。
携帯端末だからといってコマ落ちを認めるのか、いやいや、予...
書店にいって参考になる本を探して買ってきた。
自分が悩んでいることに関連することがかいてあるページがあ...
本のタイトルは下記のタイトル
-ゲームエンジン・アーキテクチャ
-FLASHアニメーション制作バイブル
**ゲームエンジン・アーキテクチャ [#ae24b1ac]
#htmlinsert(amazon.txt,transitional,"asins=4797360712")
**FLASHアニメーション制作バイブル [#m626dbd5]
#htmlinsert(amazon.txt,transitional,"asins=4274066878")
***PDF版もあります。 [#a8e0f182]
http://estore.ohmsha.co.jp/titles/978427406687P
***書籍で紹介されているFLASHアニメのデモ [#r343d4f7]
http://www.ae-suck.com/bible/
***紹介されているサンプルのデータ [#p0ddabc5]
http://ae-suck.com/bible/sample
**アニメーションする点について考えてみる。 [#g0e812c4]
-点、それは、座標をもつ。
-出現開始と消失が管理されている。
-開始座標をもつ
-予備動作をもつ
-目的の座標をもつ
-後追いの座標をもつ
いったんひいて、びゅーんって動いて、行き過ぎたからちょっ...
**HTML5のCANVASに点をかいてみる。 [#b15c4d02]
http://ma-san.org/archives/2011/1223_161338.html
**長方形やら円 [#xe5a306f]
http://www.html5.jp/canvas/how2.html
**歩く [#j31eb500]
http://alansmithee.pv.land.to/dame-01.html
*リンク集 [#c43651a2]
http://members2.jcom.home.ne.jp/a_mtk/link.html
**アニメータ教育素材 [#jddd8965]
http://www7a.biglobe.ne.jp/~animation/thesis.html
**帰って来た動画馬鹿への道 [#v2e40f07]
http://members3.jcom.home.ne.jp/nawasuta/animation/db.html
*Javascriptで参考にしたサイト [#i05e7a04]
**ダブルバッファリング [#g999442c]
ちらつき防止
http://d.hatena.ne.jp/hypercrab/touch/20111014/1318558535
**ブラウザ描画速度のベンチマーク [#b3a431c3]
http://d.hatena.ne.jp/mindcat/touch/20101107/1289148884
**ブラウザ判定 [#p5392a9e]
http://es.rojo.jp/js/es_js10.html
**マウスカーソルに文字がついてくるサンプル [#z8496c50]
http://www.red.oit-net.jp/tatsuya/java/cursor.htm
*CSS3 [#u42aa7cc]
**回転 [#wc838419]
http://www.css-lecture.com/log/css3/css3-transform.html
**Android webviewの話題 [#pe0da019]
http://stackoverflow.com/questions/3025657/android-webvie...
**user-scalable=noとposition: fixedを使用すると、-webkit-...
http://jsdo.it/esperia/cbhI
**iPhoneのCSSで拡大・縮小・回転などのアニメーションさせる...
http://ke-tai.org/blog/2008/08/20/iphonecsszoo/
**Android2.2 とtransformのバグ [#x4703ca8]
http://blog.webcreativepark.net/2011/12/27-151327.html
**Androidブラウザが認識できるみたことがないMETAタグ [#c6d...
http://android.benigumo.com/20110908/android%E5%90%91%E3%...
**viewportの話題 [#y3a15ad2]
http://hamalog.tumblr.com/post/3762447861/viewport
**ピンチアウトの話題 [#o5287fba]
http://blog.zaq.ne.jp/oboe2uran/article/564/
終了行:
*趣旨 [#b96aaeae]
ちょっと、町中を歩く風の携帯アプリでの機能をつくることに...
*目次 [#ra3db4a7]
#contents
*目標 [#sa519b77]
ちょっとシリアス風なキャラクタを歩かせる
*アニメーションの哲学 [#yf386411]
http://alansmithee.pv.land.to/bangai-01.html
「物体の全体が急に止まることは無いんだよ
最初にある部分が止まって、それから他の部分が止まるんだ
人は動いてる最中のパーツ・ディテールなんて正確に知覚でき...
ようは、動くポイントが作る「軌道曲線」と「シルエット」と...
こいつ位しか知覚認識できないんです。
だから止まるポイントさえかっちり抑えてあれば
後はその3つに矛盾がなければ人にはそう見える
*いかに自分の仕事にむすびつけれるか考察 [#v0e8c316]
**時間について考える [#j578a24a]
アニメーションにおいて、時間とは不連続なものだ。
テレビアニメだと、不連続ながらも、コマ数がはっきりわかっ...
ところが、携帯端末においては、不定期で不連続なものだとい...
そんな中で、同表現するのか俺は。。。
アニメーションは、何コマは何ミリ秒後にくるのか事前にわか...
動的に飛ばされたコマ数を計算して、座標を計算して描く方法...
計算してその都度描画するのもどうかとおもう。携帯に計算で...
いつコマ落ちしてもよいように、予備の絵を計算で書いたもの...
でもそうなると画像データが予備の分だけ多くなってしまう。
やっぱり、その都度座標を計算か。。。どっちが正しいのか。...
これは実験してみるしかなさそうだ。
ひょっとしたら、多少のコマ落ちならば、回避してでも見せた...
**シーン [#q9a9b16b]
アニメーションはシーンのタイムラインが並べられたものであ...
**シーンのタイムラインの管理 [#u051f70a]
どの時間でアニメーションをだすのかを管理している。
携帯端末だからといってコマ落ちを認めるのか、いやいや、予...
書店にいって参考になる本を探して買ってきた。
自分が悩んでいることに関連することがかいてあるページがあ...
本のタイトルは下記のタイトル
-ゲームエンジン・アーキテクチャ
-FLASHアニメーション制作バイブル
**ゲームエンジン・アーキテクチャ [#ae24b1ac]
#htmlinsert(amazon.txt,transitional,"asins=4797360712")
**FLASHアニメーション制作バイブル [#m626dbd5]
#htmlinsert(amazon.txt,transitional,"asins=4274066878")
***PDF版もあります。 [#a8e0f182]
http://estore.ohmsha.co.jp/titles/978427406687P
***書籍で紹介されているFLASHアニメのデモ [#r343d4f7]
http://www.ae-suck.com/bible/
***紹介されているサンプルのデータ [#p0ddabc5]
http://ae-suck.com/bible/sample
**アニメーションする点について考えてみる。 [#g0e812c4]
-点、それは、座標をもつ。
-出現開始と消失が管理されている。
-開始座標をもつ
-予備動作をもつ
-目的の座標をもつ
-後追いの座標をもつ
いったんひいて、びゅーんって動いて、行き過ぎたからちょっ...
**HTML5のCANVASに点をかいてみる。 [#b15c4d02]
http://ma-san.org/archives/2011/1223_161338.html
**長方形やら円 [#xe5a306f]
http://www.html5.jp/canvas/how2.html
**歩く [#j31eb500]
http://alansmithee.pv.land.to/dame-01.html
*リンク集 [#c43651a2]
http://members2.jcom.home.ne.jp/a_mtk/link.html
**アニメータ教育素材 [#jddd8965]
http://www7a.biglobe.ne.jp/~animation/thesis.html
**帰って来た動画馬鹿への道 [#v2e40f07]
http://members3.jcom.home.ne.jp/nawasuta/animation/db.html
*Javascriptで参考にしたサイト [#i05e7a04]
**ダブルバッファリング [#g999442c]
ちらつき防止
http://d.hatena.ne.jp/hypercrab/touch/20111014/1318558535
**ブラウザ描画速度のベンチマーク [#b3a431c3]
http://d.hatena.ne.jp/mindcat/touch/20101107/1289148884
**ブラウザ判定 [#p5392a9e]
http://es.rojo.jp/js/es_js10.html
**マウスカーソルに文字がついてくるサンプル [#z8496c50]
http://www.red.oit-net.jp/tatsuya/java/cursor.htm
*CSS3 [#u42aa7cc]
**回転 [#wc838419]
http://www.css-lecture.com/log/css3/css3-transform.html
**Android webviewの話題 [#pe0da019]
http://stackoverflow.com/questions/3025657/android-webvie...
**user-scalable=noとposition: fixedを使用すると、-webkit-...
http://jsdo.it/esperia/cbhI
**iPhoneのCSSで拡大・縮小・回転などのアニメーションさせる...
http://ke-tai.org/blog/2008/08/20/iphonecsszoo/
**Android2.2 とtransformのバグ [#x4703ca8]
http://blog.webcreativepark.net/2011/12/27-151327.html
**Androidブラウザが認識できるみたことがないMETAタグ [#c6d...
http://android.benigumo.com/20110908/android%E5%90%91%E3%...
**viewportの話題 [#y3a15ad2]
http://hamalog.tumblr.com/post/3762447861/viewport
**ピンチアウトの話題 [#o5287fba]
http://blog.zaq.ne.jp/oboe2uran/article/564/
ページ名: