jsを使ってキャンバスで霧の効果やぼかし効果を作る方法は？

Question

がそうで、そこに私は

、JavaScriptとTHREE.js 3Dエンジンを使用していると私は霧の効果をしたい、ここで

を例 http://mrdoob.github.com/three.js/examples/webgl_geometry_terrain_fog.html

だが、それだけでWebGLをサポートfog effect、またはblur effectのjavascriptとcanvasをシミュレートする方法はありますか？

ありがとう。

Answer 1

Three.js は WebGLです。あなたが見ている例はthree.jsを作った同じ人によって作成されています。

Three.jsはすでにscene.fogでフォグをサポートしています。以下

https://github.com/mrdoob/three.js/wiki/API-Reference#wiki-THREE.Fog

---

implemented various blur effectsを持っている場所の束がありますが、2D

探しキャンバスで霧/ぼかしを探し人々のためです。 pixasticライブラリには、このような効果が多く実装されています。

霧は何か異なります。普遍的な定義はなく、実際にあなたが探しているものに依存します。キャンバスのglobalAlphaを0.3のように設定し、「かぶり」を表示する場所にperlin noiseを描画する方法もあります。あなたが最も望む可能性のあるノイズの色勾配は、暗い灰色に透明であることに注意してください。