趣旨

ちょっと、町中を歩く風の携帯アプリでの機能をつくることになりそうだったので、まとめて、自分なりに考えてみる。

目次

目標

ちょっとシリアス風なキャラクタを歩かせる

アニメーションの哲学

http://alansmithee.pv.land.to/bangai-01.html

「物体の全体が急に止まることは無いんだよ   最初にある部分が止まって、それから他の部分が止まるんだ

人は動いてる最中のパーツ・ディテールなんて正確に知覚できないんです。

ようは、動くポイントが作る「軌道曲線」と「シルエット」と「色面積」。

こいつ位しか知覚認識できないんです。

だから止まるポイントさえかっちり抑えてあれば 後はその3つに矛盾がなければ人にはそう見える

いかに自分の仕事にむすびつけれるか考察

時間について考える

アニメーションにおいて、時間とは不連続なものだ。

テレビアニメだと、不連続ながらも、コマ数がはっきりわかっているから、定期的な不連続なものであるといえる。

ところが、携帯端末においては、不定期で不連続なものだといえるのではなかろうか。。。

そんな中で、同表現するのか俺は。。。

アニメーションは、何コマは何ミリ秒後にくるのか事前にわかる。でも携帯端末は、端末によってマチマチだ。コマを飛ばさなくてはならなくなったりするかもしれない。

動的に飛ばされたコマ数を計算して、座標を計算して描く方法はだめだ。一見理にかなっていそうだが、アニメーションでは、予備動作のコマを省かないほうがよいらしいからだ。

計算してその都度描画するのもどうかとおもう。携帯に計算で絵をかかせてコマ落ちするほうがデメリットが大きいからだ。

いつコマ落ちしてもよいように、予備の絵を計算で書いたものを準備しておいて、携帯端末の処理具合をみて、いまは何コマ目をだせばいいのかなと判断して絵を差し替えるのがいいかもしれない。

でもそうなると画像データが予備の分だけ多くなってしまう。

やっぱり、その都度座標を計算か。。。どっちが正しいのか。。。

これは実験してみるしかなさそうだ。

ひょっとしたら、多少のコマ落ちならば、回避してでも見せた方がいいコマってあるかもしれないし。。。

シーン

アニメーションはシーンのタイムラインが並べられたものである。

シーンのタイムラインの管理

どの時間でアニメーションをだすのかを管理している。

携帯端末だからといってコマ落ちを認めるのか、いやいや、予備動作などのコマは多少のコマ落ちは回避してでも見せるべきなのか。。。

書店にいって参考になる本を探して買ってきた。

自分が悩んでいることに関連することがかいてあるページがあった。 本のタイトルは下記のタイトル

ゲームエンジン・アーキテクチャ

FLASHアニメーション制作バイブル

PDF版もあります。

http://estore.ohmsha.co.jp/titles/978427406687P

書籍で紹介されているFLASHアニメのデモ

http://www.ae-suck.com/bible/

紹介されているサンプルのデータ

http://ae-suck.com/bible/sample

アニメーションする点について考えてみる。

いったんひいて、びゅーんって動いて、行き過ぎたからちょっともどる。みたいな動きをすればいいのかもしれない。やってみるか。

HTML5のCANVASに点をかいてみる。

http://ma-san.org/archives/2011/1223_161338.html

長方形やら円

http://www.html5.jp/canvas/how2.html

歩く

http://alansmithee.pv.land.to/dame-01.html

リンク集

http://members2.jcom.home.ne.jp/a_mtk/link.html

アニメータ教育素材

http://www7a.biglobe.ne.jp/~animation/thesis.html

帰って来た動画馬鹿への道

http://members3.jcom.home.ne.jp/nawasuta/animation/db.html

Javascriptで参考にしたサイト

ダブルバッファリング

ちらつき防止

http://d.hatena.ne.jp/hypercrab/touch/20111014/1318558535

ブラウザ描画速度のベンチマーク

http://d.hatena.ne.jp/mindcat/touch/20101107/1289148884

ブラウザ判定

http://es.rojo.jp/js/es_js10.html

マウスカーソルに文字がついてくるサンプル

http://www.red.oit-net.jp/tatsuya/java/cursor.htm

CSS3

回転

http://www.css-lecture.com/log/css3/css3-transform.html

Android webviewの話題

http://stackoverflow.com/questions/3025657/android-webview-not-respecting-scaling-percentage

user-scalable=noとposition: fixedを使用すると、-webkit-transformが動かなくなる

http://jsdo.it/esperia/cbhI

iPhoneのCSSで拡大・縮小・回転などのアニメーションさせる方法

http://ke-tai.org/blog/2008/08/20/iphonecsszoo/

Android2.2 とtransformのバグ

http://blog.webcreativepark.net/2011/12/27-151327.html

Androidブラウザが認識できるみたことがないMETAタグ

http://android.benigumo.com/20110908/android%E5%90%91%E3%81%91%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E5%BF%85%E8%A6%81%E6%9C%80%E5%B0%8F%E9%99%90%E3%81%AA%E3%81%84%E3%81%8F%E3%81%A4%E3%81%8B%E3%81%AEmeta%E3%83%A1%E3%82%BF%E3%82%BF/

viewportの話題

http://hamalog.tumblr.com/post/3762447861/viewport

ピンチアウトの話題

http://blog.zaq.ne.jp/oboe2uran/article/564/

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2012-06-08 (金) 22:38:56 (3426d)