質問をさせていただいてもよろしいでしょうか？ 「それぞれあらかじめ設定された方向に向かって、中心から、それぞれ変数に応じた距離に頂点を複数設置し、それらを結んで多面体を生成する」 という制作に現在挑戦しております。 そこで、ConvexGeometryを使…

Three.js用 Blender Cycles テクスチャベイクの記事です。

この記事は、webgl-jp Slack内の情報を元に構成されています。 webgl-jp.slack 波動や拡散で、何か良い初心者向けの解説とかあったら知りたいです。 自分はこのお二人の記事を参考にしました。 拡散はパーティクルのものでいいですか。 あれは単に移動量にgl…

この記事は、webgl-jp Slack内の情報を元に構成されています。 webgl-jp.slack canvas2dで画像を読み込み、各頂点色を抜き出し、抜き出した色をパーティクルに適応するということをやっているのですが、canvas2dとwebglの原点位置の違いから、画像が90度反時…

この記事は、webgl-jp Slack内の情報を元に構成されています。 webgl-jp.slack みなさんAltJS何使ってるんですかね。現在はTypeScriptなのですが、Hexeに移行しようと思って、ちょっと気になりました。 Hexeに詳しくないんですがTypeScriptだと何か問題あり…

この記事は、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 影なので、デ…