Skip to content

huigeek/canvas-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Canvas Demo

工作时,项目的排期一般压缩的非常紧。很多东西没有时间尝试。

写这个demo,是之前在项目里有需要用动画呈现流星效果,但项目太赶,用图片和css简单实现了。

最近想着实现canvas由远及近看星空的效果。

背景色是黑色,生成一定数量的星星,以一个值控制星星�的距离。距离改变时,改变星星在画布中x和y坐标,同时也改变星星的亮度。使用requestAnimationFrame做动画。

实现上面效果后,把白色亮点代表的星星,修改为彩色多种形状的星星。

启动

安装依赖:npm iyarn

执行npm run devyarn dev

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published