2010年03月19日

ボールが300個跳ねるのを作ってみた

ちょっとパズルとは関係ないのですが、暇だったので、
数日前にこないだボールを300個跳ねさせるのを作ってみたんです。
http://icecream.15.kg/hima/ball.html
 
で、これで描画関係の処理スピード計れそうなので見てみました。測定条件は例によってこんな感じ。
PC:2006年に買ったLet's note (CF-W5) URL ※2008年に組んだ自作PCの1/3の性能。
canvas -> 全画面毎回再描画。
SVG -> circle要素を初めに出力して、rx,ryプロパティだけ変更する
(Gradはグラデーション)

ボール300個のアニメーション時のFPS
ブラウザSilverlightVML
丸のみ丸+borderGradGrad+border 丸のみ丸+borderGradGrad+border
InternetExplorer 8.0 8.1 4.4 2.9 2.2 2.0 0.97 0.84 0.51
ブラウザcanvasSVG
丸のみ丸+borderGradGrad+border 丸のみ丸+borderGradGrad+border
SeaMonkey 1.1.18 9.2 3.2 2.6 1.8 3.4 1.7 1.3 0.88
Firefox 3.0.18 10.7 3.3 6.9 2.8 3.9 1.6 3.3 1.5
Firefox 3.5.8 12.6 3.8 7.5 3.0 4.6 2.8 3.7 2.4
Firefox 3.6 16.9 4.5 9.2 3.6 5.5 3.4 4.0 2.8
Firefox 3.7a3pre 17.2 4.3 10.3 3.8 5.3 3.3 4.8 2.9
Safari 3.2.3 N/A N/A N/A N/A (6.4) (4.9) (5.0) (3.9)
Safari 4.0.5 26.1 14.4 10.0 7.9 12.8 7.2 6.7 4.6
GoogleChrome 4.0.249.89 32.0 13.4 4.0 3.4 12.7 3.9 6.2 2.1
GoogleChrome 5.0.342.2 Dev 32.0 14.4 4.0 3.5 14.6 4.3 5.9 2.2
Opera 9.64 12.3 4.9 7.5 3.9 6.9 3.7 4.5 2.8
Opera 10.10 11.6 7.8 7.8 6.4 11.4 7.4 6.0 4.9
Opera 10.50 32.6 16.2 15.7 9.7 15.1 8.8 6.9 5.3
※IE8はuuCanvas.js v2.0.2使用、SeaMonkeyはFirefox2.0の代わり
以下分かったことを箇条書きで
  1. 全体的にSVGよりcanvas全画面描画の方が速い。SVGのほうが圧倒的に処理量少ないはずなので、個人的にはかなり意外
  2. Safari3.2.3のcanvas描画がエラーになっちゃう上、SVG描画はものすごく酷く乱れる
  3. Safari4のSVG描画は改善されてるけど、それでもちょっと欠ける部分がある
  4. GoogleChromeはcanvasのグラデーション処理に弱いっぽく見える
  5. Firefoxはcanvasでボーダーとなる線を描くと性能が落ちる
  6. IE9はスクリプト改造してみても落ちちゃうので測定できませんでした。
  7. IE6はめんどくさいので測定しませんでした。
  8. 数字が多すぎるのでグラフにすべきだったと思った
posted by はっぱ at 04:51| Comment(14) | TrackBack(0) | プログラム
この記事へのコメント
bad credit no fax payday loan
<a href="https://paydaytbukl.org/">payday loan</a>
cash loan
<a href=https://paydaytbukl.org/>cash advance loans</a> ’
Posted by at 2017年09月29日 07:21
loans bad credit
<a href="https://cashadvanceamericavatn.org">cash advance loans</a>
cash advances payday loan
<a href=https://cashadvanceamericavatn.org>cash advance lenders</a> ’
Posted by at 2017年10月01日 06:22
cialis low dose - http://cialisovnnc.com/
cialis soft tabs <a href=http://cialisovnnc.com/>cialis online</a> ’
Posted by at 2017年10月03日 08:49
women taking viagra
<a href="http://ericviaed.com/">viagra</a>
viagra online pharmacy
<a href=http://ericviaed.com/>generic viagra</a> ’
Posted by BvevliepayZT at 2017年10月03日 23:21
soft tab viagra - http://ericviaed.com/
what does viagra do <a href=http://ericviaed.com/>viagra buy</a> ’
Posted by BebbIdearlLO at 2017年10月05日 07:16
cialis 10mg vs 20mg - https://genericgenericcialis.com/
cialis generico <a href=https://genericgenericcialis.com/>cialis buy</a> ’
Posted by at 2017年10月07日 09:17
cialis free - http://genericcialis-viaed.com/
cialis soft tabs uk <a href=http://genericcialis-viaed.com/>generic cialis</a> ’
Posted by AqrhdextipsDI at 2017年10月11日 04:58
viagra where to buy - http://genericviagra-onat24.com/
generic viagra review <a href=http://genericviagra-onat24.com/>purchase viagra</a> ’
Posted by BnrfsIdearlMH at 2017年10月24日 07:26
cialis free sample
<a href="http://buycialis-menrxonil.com/">cheap cialis</a>
side effects cialis one a day
<a href=http://buycialis-menrxonil.com/>cialis</a>
Posted by FfbvgunreapDL at 2017年10月26日 06:12
cash today - http://paydayloanscerv365.org/
500 cash payday loan <a href=http://paydayloanscerv365.org/>best payday loans</a> ’
Posted by SsdfbfThouncQS at 2017年10月30日 22:28
best payday loans lenders - https://paydayrvyaf.com
between payday loans inc <a href=https://paydayrvyaf.com>speedy cash</a> ’
Posted by at 2017年11月02日 08:17
30 day payday loan - https://installmentsloansjnax.org
cash loans no credit check <a href=https://installmentsloansjnax.org>instant loans</a> ’
Posted by at 2017年11月03日 07:59
viagra woman - http://fviagrajjj.com
viagra overnight <a href=http://fviagrajjj.com>viagra alternatives</a> ’
Posted by at 2017年11月09日 07:40
cialis daily use review
<a href="http://newcheaprx1onlinev.com">cialis canada</a>
cialis pills online
<a href=http://newcheaprx1onlinev.com>buy cheap cialis</a> ’
Posted by at 2017年11月09日 09:33
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/52188379

この記事へのトラックバック