Three.js canvas 问题

♦ 6月 9, 2012 ♦ Leave Your Comment

问题发现于 three.js examples 中的 canvas_interactive_particles . 问题截图如下:

右边的尾巴是紫色的圆形移动时留下的,会在该部分重绘的时候被抹掉,应该属于 bug .

绘图函数如下:

context.arc( 0, 0,  1 , 0, PI2, true );

如果将第三个参数1改成更大的数值,拖尾现象将更加明显.推测是包围盒的计算问题.

解决方法是采用小于1的数值:

context.arc( 0, 0, 0.5, 0, PI2, true );

如果想绘制更大的粒子,采用如下方式放大:

particle.scale.x  =  particle.scale.y  =  100;