使用Three.js CanvasRenderer获得颜色和纹理的可能解决方法?

时间:2014-01-02 10:38:24

标签: three.js

我正在使用CanvasRenderer来渲染大量Sprite个对象。我正在将纹理(PNG图像)映射到Sprites。我希望能够以编程方式更改纹理的颜色。

使用WebGLRenderer,我可以使用ParticleSystemParticleSystemMaterial来实现这一目标。以下是使用该技术为此纹理(http://wxalert.info/private/dv/ball.png)设置颜色的实时演示:http://wxalert.info/private/dv/demo.html

但由于CanvasRenderer不支持ParticleSystem,我使用Sprites代替SpriteBasicMaterial。这是一个现场演示:http://wxalert.info/private/dv/demo2.html

我希望能够像CanvasRenderer一样使用WebGLRenderer设置颜色,但我不确定这是否可行。

一种想法可能是将图像加载到HTML5画布元素,在那里应用颜色,然后从材质加载画布上下文。但是,非常感谢任何其他建议。

更新:以下是使用HTML5画布时我想做的一些示例:http://wxalert.info/private/dv/html5canvas.html。基本上,我会在那里进行颜色处理,然后从材质中加载画布。但不确定是否有更简单或更好的方式。

0 个答案:

没有答案