虎年大吉。十分钟教会你用代码放烟花，写福字 |
您所在的位置：网站首页 › 福字花样字体怎么写好看 › 虎年大吉。十分钟教会你用代码放烟花，写福字 |
虎年大吉。十分钟教会你用代码放烟花，写福字
|
虎虎生威、虎年大吉。 事事都如意，虎虎有生气…… 都2022了你还在从网上复制粘贴这些2002年就烂大街的四句成语群发给你的亲朋好友？ 不会吧不会吧，这也太敷衍了吧？ 在这个辞旧迎新的美好时刻，一恩姐姐教你如何通过代码放烟花，写春联。用程序员特有的超能力 “卷死” 别人家的孩子们。
先带大家看看实现后超级酷炫的3D烟花效果图。 怎么样，是不是瞬间逼格暴涨？话不多说，着手整活： 在电脑上创建一个文本文档，将下面的代码复制上去，然后将文本扩展名改为html，此时文本文档就会成为一个网页。这样点击运行就行了。 代码如下： 烟花动画特效 html,body{ margin:0px; width:100%; height:100%; overflow:hidden; background:#000; } #canvas{ width:100%; height:100%; } function initVars(){ pi=Math.PI; ctx=canvas.getContext("2d"); canvas.width=canvas.clientWidth; canvas.height=canvas.clientHeight; cx=canvas.width/2; cy=canvas.height/2; playerZ=-25; playerX=playerY=playerVX=playerVY=playerVZ=pitch=yaw=pitchV=yawV=0; scale=600; seedTimer=0;seedInterval=5,seedLife=100;gravity=.02; seeds=new Array(); sparkPics=new Array(); s="https://cantelope.org/NYE/"; for(i=1;i0&&ua0&&ub5)sparks[i].trail.splice(0,1); sparks[i].x+=sparks[i].vx; sparks[i].y+=sparks[i].vy; sparks[i].z+=sparks[i].vz; sparks[i].vx/=1.075; sparks[i].vy/=1.075; sparks[i].vz/=1.075; }else{ sparks.splice(i,1); } } p=Math.atan2(playerX,playerZ); d=Math.sqrt(playerX*playerX+playerZ*playerZ); d+=Math.sin(frames/80)/1.25; t=Math.sin(frames/200)/40; playerX=Math.sin(p+t)*d; playerZ=Math.cos(p+t)*d; yaw=pi+p+t; } function rgb(col){ var r = parseInt((.5+Math.sin(col)*.5)*16); var g = parseInt((.5+Math.cos(col)*.5)*16); var b = parseInt((.5-Math.sin(col)*.5)*16); return "#"+r.toString(16)+g.toString(16)+b.toString(16); } function draw(){ ctx.clearRect(0,0,cx*2,cy*2); ctx.fillStyle="#ff8"; for(i=-100;i |
【本文地址】