sib今回はパーティクル系で3本作成+立体視用にちょっといじった。パーティクルthree.js:study07three.js:study06three.js:study05立体視three.js:study07bthree.js:study05bthree.js:study02b[three.js:study05]three.js、githubのサンプルにあるexamples/webgl_particles_sprites.htmlを参考にパーティクルを立方体の枠に閉じ込めるような形で作成してみた。テクスチャが一種類の時は、問題ないのだが3種類にした時に、重なるポイントで四角枠が現れる。);とすると回避できた。384ページ出てくるリサジュー曲線というのを使用してみた。こちらのpdfにも3次元リサージュについて書かれてある。具体的には、a1〜3を幅、f1〜3を振動、e1〜3は位相変数として、下記のように設定した。e3);位相変数での違いはそんなに分からないのだが、振動は随分と雰囲気が変わる。study06においては、0番目のパーティクルが端に到達すると、ランダムで設定を変化させるように作成してある。[three.js:study07]study07ではもう少し発展させ球面リサージュを使用している。Math.cos(v)*100;として設定、クリックでランダム再設定としてある。study02b,05b,07b]facebookにてカメラ複数台はできないかとの質問を受け、調べてみると立体視できるレンダラが存在していた。0);とcameraのパラメータとして設定する。レンダー時にcamera.lookAt(camera.target);のようにすると立体視用に左右に画面がわかれる。してみると、study05bのようなものより、study07bで特にライン数が少ないものが美しく見える。前回のエントリでも書いたが、safariでは開発メニューからwebGLを有効にする設定が必要だ。それと、firefoxで見た場合画面リフレッシュがなされていないようなので、とりあえずchromeへ誘導するように警告を入れた。これについてはfirefoxかthree.jsのバージョンアップで見れるようになったとき、もしくは画面リフレッシュ時対策がうまくできた時に見えるようにするつもりだ。