gupuru https://blog.hatena.ne.jp/gupuru/ Three.jsを使って、作ってみた https://gupuru.hatenablog.jp/ Three.js 今回は、Three.jsの「Fog(フォグ)」についてまとめます。 「フォグ」というのは、遠くに行くほど物体が白く霞んでいく処理のことです。 これを使いますと、リアルな情景を表現できたり、遠くの景色をぼかすことができます。 (※こちらのサイトに詳しく書かれています。フォグ） Three.jsのフォグには「Fog」と「FogExp2」の２種類あります。違いを簡単にまとめますと、 ①Fog・・・効果の出始めと終わりを明確に指定できる。制御が簡単。 ②FogExp2・・・現実に近い効果ができる。制御が難しい。 「Fog」と「FogExp2」のコンストラクタはこれです。 //①Fog Fog( col… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fgupuru.hatenablog.jp%2Fentry%2F2013%2F12%2F05%2F210924" title="Three.js　Fog(フォグ) - Three.jsを使って、作ってみた" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/g/gupuru/20131205/20131205204758.png Hatena Blog https://hatena.blog 2013-12-05 21:09:24 rich https://gupuru.hatenablog.jp/entry/2013/12/05/210924 1.0 100%