night_special_effect_p5js:简单地创建一个夜晚特效

时间:2024-05-20 22:31:40
【文件属性】:

文件名称:night_special_effect_p5js:简单地创建一个夜晚特效

文件大小:3.48MB

文件格式:ZIP

更新时间:2024-05-20 22:31:40

night p5js special-effects JavaScript

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


【文件预览】:
night_special_effect_p5js-master
----README.md(3KB)
----night.png(6KB)
----home.html(184B)
----night.gif(3.47MB)
----night.js(5KB)

网友评论