「JavaScriptで紅葉散らしてみました」のScript
下記は、投稿記事「JavaScriptで紅葉散らしてみました」のスクリプトです。(覚え書きです。)
もし、ご自分のホームページに何かおもしろいものを降らせたり、おもしろい動きを実現できましたら、ご連絡くださいませ。拝見しに参りたいと思います。
なお私の場合、このコードは<head>内に記述しております。
<script type="text/javascript"><!--
window.onload = function(){
objX = new Array(); objY = new Array();
speed = new Array(); obj = new Array();
num = 15;//１５個表示させる
backX = -99999;
xx = 0;
pageW = 755;
pageH = 2400;
leftX = document.body.clientWidth/2.0 - pageW/2.0;
for(i=0; i< num ;i++){
obj[i] = document.createElement("img");
leafno = Math.floor(Math.random() * 4) + 1;
obj[i].src = "leaf2-" + leafno + ".gif";
objX[i] = Math.floor(Math.random() * pageW) + leftX;
objY[i] = Math.floor(Math.random() * pageH);
speed[i] = Math.floor(Math.random() * 4) + 1;
obj[i].style.position = "absolute";
obj[i].style.top = objY[i]+ "px";
obj[i].style.left = objX[i]+ "px";
document.body.insertBefore(obj[i],document.getElementById("xxx"));
}
setInterval("moveObj()", 100);
}
function moveObj(){
for(i=0; i< num ;i++){
rnd = Math.random();
if(rnd <= 0.55){
objX[i] += Math.floor(rnd * 5);
}else{
objX[i] -= Math.floor(rnd * 5);
}
objY[i] += speed[i];
if(objY[i] > (pageH + 40) ){
objY[i] = -10;
objX[i] = Math.floor(Math.random() * pageW) + leftX;
}
if(objX[i] < leftX || objX[i] > leftX + pageW ){
objX[i] = Math.floor(Math.random() * pageW) + leftX;
}
obj[i].style.top = objY[i] + "px";
obj[i].style.left = objX[i] + "px";
}
}
// –></script>
関連記事:
