【编程游戏】贺岁放礼花。(点燃续帖1-58楼froole的焰火)

本编程游戏通过JavaScript实现动态模拟放礼花效果。游戏中设定了礼花的颜色、升起时间及张开过程,通过不断调整位置和颜色来展现绚丽的视觉效果。玩家可以修改代码并运行查看不同效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<script type="text/javascript"> function viewPage(html) { var page = window.open('', '', ''); page.opener = null; page.document.write(html); page.document.close(); } </script> 【编程游戏】贺岁放礼花。(第一名奖励10000可用分)
作者: avatar
点燃[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] <iframe src="http://vote.youkuaiyun.com/VotePostSimple.aspx?voteid=826" marginheight="0" marginwidth="0" scrolling="no" width="100%" frameborder="0" height="400"></iframe> <html> <body bgcolor="black"> <SCRIPT type="text/javascript"> radius =0; last_radius=100; startY=200; c_count=0; deviatY=1; // 设定礼花颜色 Colors=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff'); sColors=new Array('ffa500','00ff00','FFAAFF','fff000','fffffF'); color=sColors[Math.floor(Math.random()*sColors.length)]; if(document.all){ last_radius=document.body.clientWidth/8; startX=document.body.clientWidth/2; staY= document.body.clientHeight-20; }else{last_radius=window.outerWidth/8; startX=window.outerWidth/2; staY= window.outerHeight-20; } for(i=0;i<Math.PI*2;i=i+0.3){ document.write("<DIV STYLE='position:absolute;font-size:5;background-color:"+color+";top:"+staY+";left:"+startX+";'ID='bon"+i+"'>*</DIV>"); } // 设定礼花升起时间 setTimeout("uchiage()",10) function uchiage(){ if(startY < staY){ staY-=10; for(i=0;i<Math.PI*2;i=i+0.3){ if(document.all){ document.all["bon"+i].style.pixelTop = staY+document.body.scrollTop; }else{ document.getElementById("bon"+i).style.top=staY+window.pageYOffset +"px"; } } setTimeout("uchiage()",50); }else{ radius =20;hanabi(); } } function hanabi(){ if(last_radius > radius){ radius +=10; for(i=0;i<Math.PI*2;i=i+0.3){ pointX = startX + Math.cos(i)*radius; (deviatY == 0.3)?katamuki=(pointX - startX) * 0.4:katamuki=0; pointY = startY + Math.sin(i)*radius*deviatY+katamuki; if(document.all){ document.all["bon"+i].style.pixelTop = pointY+document.body.scrollTop; document.all["bon"+i].style.pixelLeft = pointX; }else{ document.getElementById("bon"+i).style.top=pointY+window.pageYOffset +"px"; document.getElementById("bon"+i).style.left=pointX+"px"; } } // 设定礼花张开时间 setTimeout("hanabi()",60); }else if(c_count<300){ for(i=0;i<Math.PI*2;i=i+0.3){ color=Colors[Math.floor(Math.random()*Colors.length)]; if(document.all){ document.all["bon"+i].style.backgroundColor = color; }else{ document.getElementById("bon"+i).style.backgroundColor = color; } c_count++ } // 设定礼花持续时间 setTimeout("hanabi()",50); }else{ color=sColors[Math.floor(Math.random()*sColors.length)]; radius = 20;c_count=0; if(document.all){ scrX=document.body.clientWidth - last_radius*2; startX=Math.floor(Math.random()*scrX)+last_radius; startY=Math.random()*last_radius+last_radius; staY= document.body.clientHeight-20; (!(Math.floor(Math.random()*3)))?deviatY=0.3:deviatY=1; for(i=0;i<Math.PI*2;i=i+0.3){ document.all["bon"+i].style.backgroundColor = color; document.all["bon"+i].style.pixelTop = staY+document.body.scrollTop; document.all["bon"+i].style.pixelLeft = startX; } }else{ scrX=window.outerWidth-last_radius*2; startX=Math.floor(Math.random()*scrX)+last_radius; startY=Math.random()*last_radius+last_radius; staY= window.outerHeight-20; (!(Math.floor(Math.random()*3)))?deviatY=0.3:deviatY=1; for(i=0;i<Math.PI*2;i=i+0.3){ document.getElementById("bon"+i).style.backgroundColor = color; document.getElementById("bon"+i).style.top=staY+window.pageYOffset +"px"; document.getElementById("bon"+i).style.left=startX+"px"; } } uchiage(); } } function hanabi_size(){ if(document.all){ last_radius=document.body.clientWidth/8; }else{ last_radius=window.outerWidth/8; } } document.body.onresize=hanabi_size;</SCRIPT> </body> </html>
点燃[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值