night_special_effect_p5js
Creating a night special effect simply.
写一个简单的星空特效,用p5.js。
代码架构
原理解析
代码架构
night.js 星空特效实现的p5.js代码
home.html 主页,用浏览器打开即可
原理解析
本项目模拟实现了星空中星星一闪一闪地移动,并且星星之间还有星座线的特效,星座线颜色会不断变化,若隐若现。首先需要设计星星的位置,下面给出了一个简单的原理图:
从图中可以看出,先将屏幕上的画布按照gridSize进行划分为小方格,然后在小方格里面随机选择一个点,作为星星的位置,比如图中A B C D四个小圈圈就是代表了星星。这样,星星的位置就找到了,接下来就在自己的小方格里面运动,这样的话会显得随机但又有规律可循。
接下来,绘制星座线,对于一个小方格的点,比如A点,会向周围八个小方
1