特效描述:html5 canvas 银河星系动画特效。html5 canvas绘制闪闪发光移动的银河星系背景动画特效。(上传服务器正常演示,本地无法直接预览)
代码结构
1. 引入JS
2. HTML代码
const app = new PIXI.Application({
width: window.innerWidth,
height: window.innerHeight,
autoStart: false,
transparent: true
});
document.body.appendChild(app.view);
function random(min, max) {
if (arguments.length < 2) {
max = min;
min = 0;
}
if (min > max) {
var hold = max;
max = min;
min = hold;
}
return Math.floor(Math.random() * (max - min + 1)) + min;
}
var createStar = function(centerX, centerY, orbitRadius, maxStars) {
var radius = random(100, orbitRadius) / 30;
var timePassed = random(0, maxStars);
var speed &