用HTML5中的Canvas结合公式绘制粒子运动的教程

2020-04-22 06:42:08易采站长站整理

                        y+(canvas.height/2-this.osCanvas.height/2),   
                        "rgba("+bigImageData.data[i]+","+bigImageData.data[i+1]+","+bigImageData.data[i+2]+",1)"   
                    );   
                    dot.setEnd(canvas.width/2,canvas.height/2)   
                    dots.push(dot);   
                }   
            }   
        }   

通过循环获取到粒子的位置xy值后,把位置赋给粒子,成为粒子的目的地。然后动画开始,就可以做出文字图片粒子化的效果了。