BookMark

ブックマークはこちらからどうぞ。

ツイート

Comment/Trackback 9件

• 匿名 より:
  2013年01月16日(水) 19:55

  ソース見たのですが、three.jsのジオメトリを作成している部分をforの外に出すと、だいぶパフォーマンスが改善しました。
  （PCにもよるかもですが、Box10648で約30fps）

  それでもflashのが速い事実は変わらないのですが、ご報告まで。

• Mr.doob より:
  2013年01月16日(水) 21:43

  The three.js is not optimal. You should move the geometry creation outside of the loop and reuse it.

  var geometry = new THREE.CubeGeometry(30, 30, 30, 1, 1, 1);
  var texture = new THREE.ImageUtils.loadTexture(‘imgs/image.png’);
  var material = new THREE.MeshBasicMaterial({map:texture});

  // Box
  for (var i = 0; i < CELL_NUM; i++)
  {
  for (var j = 0; j < CELL_NUM; j++)
  {
  for (var k = 0; k < CELL_NUM; k++)
  {
  var mesh = new THREE.Mesh(geometry, material);

  mesh.position.x = 50 * (i – CELL_NUM / 2);
  mesh.position.y = 50 * (j – CELL_NUM / 2);
  mesh.position.z = 50 * (k – CELL_NUM / 2);

  container.add(mesh);
  }
  }
  }

• 池田 泰延 より:
  2013年01月16日(水) 23:44

  > 匿名-san, Mr.doob
  Sorry, I just take a mistake.
  I should move the code of geometry creation to outside of the loop.

  Fixed Demo
  http://clockmaker.jp/labs/130101_webgl_cubes/index_fix.html

  I will add the correct sentence in this article.

• DzmitryM より:
  2013年01月17日(木) 03:12

  The experiment is a big bluff. Authors Flash demo source contains 2 applications: PrimitiveCubes and ParticleCubes.

  PrimitiveCubes does it fairly, closely resembling WebGL demo source.

  ParticleCubes bakes all geometry into a single object, using ParticleGeometryHelper:
  mesh = new Mesh(ParticleGeometryHelper.generateGeometry(geometrySet), material);

  Now look at the address of the demo:
  http://clockmaker.jp/labs/130101_away3d_cubes/bin-release/ParticleCubes1331.html

  The demo shows 1 (!one!) object exactly at 60fps. Not a big deal 🙂

  Try the following link for a proper comparison:
  http://clockmaker.jp/labs/130101_away3d_cubes/bin-release/PrimitiveCubes.html

  My windows machine now shows 15900 polygons instead of 514500. Each cube has 12 polygons, hence it renders approximately 1325 objects. Keep in mind that Stage3D uses native DirectX, while WebGL call may be translated to DirectX.

• Sombressoul より:
  2013年01月17日(木) 08:44

  Is that correct to compare the use of a particle system in Away3D with array of primitives in Three.js?

  If I understand correctly (I’m not an expert on Away3D), then in case of a particles system, the geometry of all cubes is merge into a single object and then sends to a render. Is that right?

  If it is, then would be better to compare http://clockmaker.jp/labs/130101_away3d_cubes/bin-release/ParticleCubes.html with something like http://alteredqualia.com/three/examples/webgl_buffergeometry_perf.html

  And http://clockmaker.jp/labs/130101_away3d_cubes/bin-release/PrimitiveCubes.html with http://clockmaker.jp/labs/130101_webgl_cubes/index_fix.html

  Correct me please if I get it wrong. 🙂

• 名無し より:
  2013年01月17日(木) 08:51

  自分の環境penDではFlashは1fps未満、HTMLは30fpsでました
  この手の他の比較テストもいくつか見ましたが、HTMLの方が高速でした
  どうやらGPUが強力な環境だとFlashが勝るようです
  この辺りブラウザのGPU対応がまだまだということなのでしょうね

• 池田 泰延 より:
  2013年01月17日(木) 11:23

  To DzmitryM, Sombressoul

  I’m sorry that I don’t know feature of marge geometry in threejs. I made the example of marge geometry version.

  http://clockmaker.jp/labs/130101_webgl_cubes/index_opt.html

  As Sombressoul say, these demo should be compared in best optimum version or simple usage version.

• 池田 泰延 より:
  2013年01月17日(木) 11:27

  ＞名無しさん
  コメントありがとうございます。
  もしかしたらですが、FlashのほうがGPUが有効になっておらずソフトウェアレンダリング(CPU)で描画されているのかもしれません。可能性として

  (1) Flash Player のハードウェアアクセラレーションの設定を明示的にOFFにしている
  (2) Flash PlayerのGPUサポートするグラフィックボードドライバに該当しないため、暗黙的にハードウェアアクセラレーションが無効になっている

  環境がpenDということで古いマシンだと推測すると(2)の可能性がありますが、(1)の設定も念の為ご確認をお願いできませんでしょうか？

• anon より:
  2013年01月17日(木) 15:35

  This stage3D 30x faster than webgl misunderstanding has spread like wildfire-FUD in some parts of the flashcommunity… Hope the “corrections” spread equally.. :S

  Rule of thumb, if something seems too good to be true, it probably is.