1.界面及元件抓图:
2.核心代码:
// 初始化设置
var stars = [];
var stars2 = [];
var numStars = 100;
var stageWidth = stage.canvas.width;
var stageHeight = stage.canvas.height;
console.log(stageWidth, stageHeight);// 创建星星函数
function createStar() {var star = new lib.starlink(); // 使用库中的Star元件 star.x = Math.random() * stageWidth;star.y = Math.random() * stageHeight;star.alpha = Math.random() * 0.5 + 0.5; // 初始透明度star.scaleX = star.scaleY = Math.random() * 0.05 + 0.1; // 随机大小// 添加闪烁动画createjs.Tween.get(star, {loop: true}).to({alpha: 0}, Math.random() * 1000 + 500).to({alpha: 1}, Math.random() * 1000 + 500);return star;
}function createStar2() {var star2 = new lib.star2link(); // 使用库中的Star元件 star2.x = Math.random() * stageWidth;star2.y = Math.random() * stageHeight;star2.alpha = Math.random() * 0.5 + 0.5; // 初始透明度star2.scaleX = star2.scaleY = Math.random() * 0.05 + 0.1; // 随机大小// 添加闪烁动画createjs.Tween.get(star2, {loop: true}).to({alpha: 0}, Math.random() * 1000 + 500).to({alpha: 1}, Math.random() * 1000 + 500);return star2;
}// 创建多个星星
for (var i = 0; i < numStars; i++) {var star = createStar();stars.push(star);stage.addChild(star);var star2 = createStar2();stars2.push(star2);stage.addChild(star2);
}// 更新舞台
stage.update();// 启用动画更新
/*createjs.Ticker.timingMode = createjs.Ticker.RAF;
createjs.Ticker.addEventListener("tick", function () {stage.update();
});*/
