この記事は、webgl-jp Slack内の情報を元に構成されています。 webgl-jp.slack bloomを使ってみたくて、波を作ってみました。 波紋の動きは、いるかのボックスさんの記事を参考にさせていただきました。 いるかのボックス: Three.jsで波紋エフェクトをつくる…

three.jsにcolormap lookup tableがあるのを知りました。 データ値の範囲からカラー値を決定するために使用されるようです。 var lut = new THREE.Lut( "rainbow", 512 ); var data = [0, 10.1, 4.2, 3.4, 63, 28]; lut.setMax(63); color = lut.getColor(10…

この記事は、webgl-jp Slack内の情報を元に構成されています。 webgl-jp.slack three.jsの描画モードの変更についてなのですが、meshクラスのdrawModeで変更できるみたいです。 どのプリミティブを使うかっていう話？ （Triangle か Points かみたいの） プ…

この記事は、webgl-jp Slack内の情報を元に構成されています。 webgl-jp.slack three.jsで一枚の画像が複数のポリゴンに分かれてバラバラになるようなエフェクトを作れますか。ガラスが割れる感じの。 割れるアニメーションが毎回同じで良いのであれば、Blen…

この記事は、webgl-jp Slack内の情報を元に構成されています。 webgl-jp.slack ThreeCSG.js という Constructive Solid Geometry ライブラリがあるのですが、 使用しようとすると、球体の表面がカクカク（フラットシェーディング）になってしまうようです。 …

この記事は、webgl-jp Slack内の情報を元に構成されています。 webgl-jp.slack 質問 gpu.js を見つけたのですが、GPUに計算させるにはどういった方法が思いつきますか？ 回答 よくあるのは、テクスチャを２つ用意して、画面を覆う四角ポリゴンを描画して、双…

この記事は、webgl-jp Slack内の情報を元に構成されています。 webgl-jp.slack WebGLで月食を表現する際に考えられる方法。 テストで作成 月食の仕組みは、レイリー散乱によるもの。 http://web.canon.jp/technology/kids/mystery/m_01_10.html 影なので、デ…