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();
});*/