mieki256's diary



2016/05/02(月) [n年前の日記]

#2 [prog] three.js の Points が Firefoxで表示されない不具合について

手元で色々試したけど、どうも THREE.Points だけをシーンに追加する分には、Firefox 上でも Points が問題無く表示されるっぽい。しかし、Points 以外の何かしらもシーンに追加すると、途端に Points が表示されなくなるようで。

three.js のサンプルは、Points だけをシーンに追加してるから、Firefox上でも描画できているっぽいなと…。

試しに、Points群を最初にシーンに追加してから、その後、他の Mesh をシーンに追加してみた。

_billboard_test2_c.html (DEMO)

  for (var i = 0; i < 64; i++) {
    var w = getRandomArbitary(128, 256);
    
    var x = getRandomArbitary(-r, r);
    var y = w / 3.5; // 何故この値になるのか分からない…
    var z = getRandomArbitary(-r, r);
    
    var geom = new THREE.Geometry();
    geom.vertices.push(new THREE.Vector3(x, y, z));

    var mat = new THREE.PointsMaterial({
      size: w,
      map: texTrees[Math.floor(Math.random() * texTrees.length)],
      fog: true,
      alphaTest: 0.5, // コレを入れないと透過部分がおかしくなる
    });

    var tree = new THREE.Points(geom, mat);
    scene.add(tree);
  }

  // 何故か Firefox は、Points以外を後から追加しないと正常動作しない
  scene.add(plane);
  scene.add(box);

コレだと描画される…。シーンに追加する順番で違ってくるのだろうか…。

Points の、y座標の意味も、相変わらず分からない。値を少しずつ変えて試していたら、サイズ / 3.5 を代入した時に位置が合うように見えたのだけど。どうしてそこで 3.5 なる数字になるのか…。

まあ、Points を使うと、座標が画面外に出た瞬間にパカッと消えてしまうので、どのみち使いどころが難しいような気も。ただ、three.js のサンプルは、パカッと出たり消えたりしてるようには見えないわけで。何故なんだろう…。

以上です。

過去ログ表示

Prev - 2016/05 - Next
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31

カテゴリで表示

検索機能は Namazu for hns で提供されています。(詳細指定/ヘルプ


注意: 現在使用の日記自動生成システムは Version 2.19.6 です。
公開されている日記自動生成システムは Version 2.19.5 です。

Powered by hns-2.19.6, HyperNikkiSystem Project