我使用javascript和THREE.js
3D引擎,如何使用js在画布上制作雾效果或模糊效果?
,我想要做的雾化效果,
这里是一个例子http://mrdoob.github.com/three.js/examples/webgl_geometry_terrain_fog.html
,但它仅支持WebGL
,
所以是有任何方式来模拟fog effect
或blur effect
与JavaScript和画布?
非常感谢。
我使用javascript和THREE.js
3D引擎,如何使用js在画布上制作雾效果或模糊效果?
,我想要做的雾化效果,
这里是一个例子http://mrdoob.github.com/three.js/examples/webgl_geometry_terrain_fog.html
,但它仅支持WebGL
,
所以是有任何方式来模拟fog effect
或blur effect
与JavaScript和画布?
非常感谢。
Three.js 是 WebGL。你看的例子是由制作three.js的同一个人创建的。
Three.js支持雾已scene.fog
。
https://github.com/mrdoob/three.js/wiki/API-Reference#wiki-THREE.Fog
下面是人们认为搜索在画布雾/模糊查找2D
有一堆有implemented various blur effects地方。 pixastic库有很多这样的效果实现。
雾虽然是不同的东西。没有一个通用的定义,它实际上取决于你在找什么。一种方法是将画布的globalAlpha
设置为0.3
之类的内容,然后在想要“雾”出现的位置上绘制perlin noise。请注意,最有可能需要的噪点颜色梯度对深灰色透明。