首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

星星穿梭动画简单实现

就是图中类似飞出来的一个个白点,看起来像是不断的有星星往外飞这样一个效果。 动画效果比较简单,简单说下实现吧。 首先,我们把动画简单化,实现一个星星往外飞的效果。...我们用矩形来表示一个星星(当然,这里可以用图片之类的,这里简单模拟) 在 canvas 上画一个矩形很简单,就不细说了。...星星是从中间往外飞的,怎么实现一个往外飞的轨迹呢。毫无疑问,我们现在的重点就是找到一个数学公式,来表示随着时间x, y 两个值的变化。...从一个星星到多个星星实现很简单,一个循环 + 随机位置 就搞定了。这里就不细说了,直接看代码吧。...pixelX, pixelY, pixelRadius, pixelRadius); c.fillStyle = `rgba(255, 255, 255, ${star.o})`; } 这样,就简单实现我们想要的星星穿梭效果啦

84520
您找到你想要的搜索结果了吗?
是的
没有找到
领券