池田 泰延@clockmakerHTML5のフレームワークのパフォーマンスが気になったので、ちょっとしたベンチマークテストを作ってみました。まずは定番のCreateJSから。http://t.co/voaQScx7d1#html5jp
2013-04-10 00:56:15池田 泰延@clockmaker続いて DeNA さんのArctic.js 。CreateJSと同じぐらいパフォーマンスがでてますhttp://t.co/tLcXd0Cfrk#html5jp
2013-04-10 00:58:20池田 泰延@clockmaker国内で注目を集めているenchant.js については CreateJS の半分くらいのパフォーマンス。ややがっかりなレベル。http://t.co/AA6utBchlU#html5jp
2013-04-10 00:59:53池田 泰延@clockmaker念のためFlash (Starling) でも同じパフォーマンステストを試したらCreateJSの2倍以上のオブジェクトを表示しても余裕の60fps.http://t.co/OTOHvig49V#html5jp
2013-04-10 01:04:00selflash@selflash@clockmaker 200個まで増やしましたが Arctic.jsが52FPS、CreateJSが41FPSくらいでした。 Win7+Chorome ver26.0.1410.43 m ですー。
2013-04-10 01:07:25Ararara@pakorepqu@clockmaker 興味深い結果ですね！只今AIRからHTML5などへの移植を検討しておりましたのでとても参考になりました。個人的に、enchant.jsは3Dもお手軽に扱えることが大きな利点だと思います。
2013-04-10 01:09:00池田 泰延@clockmakerさきほどのテストは何の最適化もしていない状態で、親子構造を使った場合、どのくらい多くのオブジェクトを表示できるか試してみたものです。それぞれのフレームワークに最適化オプションがあると思うので単純比較はできませんが。。ちかいうちにブログに検証結果をまとめたいと思います。
2013-04-10 01:09:54池田 泰延@clockmaker@selflash 情報ありがとうございます！ Arctic.js は構造がシンプルなので、CreateJSより計算負荷が少なくパフォーマンスが良かったのかもしれません。
2013-04-10 01:10:56池田 泰延@clockmaker@pakorepqu 確かにenchant.jsは物理演算や3Dが使いやすいように設計されているので、実際にどのフレームワークを使うかは目的に併せて選べばよいと思っていますー
2013-04-10 01:12:19selflash@selflash@clockmakerフレームワークとして誰でも使いやすく汎用的にしようとすればする程、パフォーマンスとを天秤にかけないといけないのでフレームワーク作りって悩ましいですよね、、 ずっとCreateJSとenchant.jsを天秤にかけていたので凄く参考になりました！
2013-04-10 01:14:12Ararara@pakorepqu@clockmaker いつもご返答ありがとうございます。どうやら私は池田さんのポストを見ると勉強意欲が掻き立てられるようです。CreateJSはほとんど試したことがなかったので、また記事を参考にさせて頂きますね！
2013-04-10 01:16:09池田 泰延@clockmaker@sidestepism ご返信ありがとうございます。機能が充実している分、親子構造の計算で遅くなっている可能性がありますよね。私のほうでもいろいろ試してみます。
2013-04-10 01:41:07あるてい@rtsan@clockmaker現状のmasterブランチにおけるframe制御周りのbugfixが反映されていなくて34までしかでないようです。developのソースをビルドして実行してみたところ56fpsくらいになりました。
2013-04-10 01:41:49あるてい@rtsan@clockmaker お手数おかけして申し訳ありません... パフォーマンステストについてですが、スケーリングも含むケースだとどう変わってくるのかちょっと気になります
2013-04-10 02:09:45t.shinsay@tshinsay@clockmaker おはようございます！Starling比較してらっしゃったので、Pixi.jsのWebGLモードも比較してみると楽しいかもです！！
2013-04-10 07:09:23池田 泰延@clockmaker昨晩投稿した enchant.js のパフォーマンステストですが、最新のmasterブランチを使ったものに変更しました。http://t.co/AA6utBchlU#html5jp
2013-04-10 20:09:34池田 泰延@clockmakerまた比較用に Pixi.js のパフォーマンステストも作ったのでシェアします。他JSフレームワークとの比較のためにWebGLではなくCanvasRendererを使っています。http://t.co/2BZ5aKtErN#html5jp
2013-04-10 20:11:48あわせて読みたい
130210：この国のメディアは電通に支配されている
11 user作者のオススメ
HTML5コンテンツの制作について
clockmaker1212 users44JavaScriptの名前空間のスマートな使い方
clockmaker1649 users7
CreateJS勉強会（第１回）
clockmaker42 users11