Hi,
I want to make dark night with twinkling stars. However, all stars will twinkle together. I mean they will become bright and dark at same time. How can I make them twinkle separately. Thanks for the help!!!!
Following content is my code.
// ----- create star -----
function createStar(){
var tmpStar = document.createElement('figure')
tmpStar.className = "star";
tmpStar.style.top =100*Math.random()+'%';
tmpStar.style.left = 100*Math.random()+'%';
document.getElementById('sky').appendChild(tmpStar);
}
function myRandom(){
return 100*Math.random();
}
var i = 40;
while(i){
createStar();
i-=1;
}
// ----- star twinkling -----
var starTest = document.getElementsByClassName("star");
var starTween = new TimelineMax({repeat:-1});
starTween.add(TweenMax.to(starTest,0.8,{opacity:1,delay:0}));
starTween.add(TweenMax.to(starTest,0.5,{opacity:0,delay:1}));