HTML编辑尝试1

四月风 · 发表于 2023-1-4 17:35

复制代码

四月风 · 发表于 2023-1-4 17:37

<html><body></body><script>
var canvas=document.createElement("canvas");
document.body.appendChild(canvas);
canvas.style.background="#000000";
var w=canvas.width=window.innerWidth;
var h=canvas.height=window.innerHeight;
var context=canvas.getContext("2d");
var x=w/2,y=h/2,r=1,vr=1+2*Math.random(),alpha=1,vAlpha=0.99,arr=[];
for(var i=0;i<60;i++){arr.push({r:1+2*Math.random(),vr:1+2*Math.random()})}
setInterval(function(){
context.clearRect(0,0,w,h);
for(var i=0;i<60;i++){
context.beginPath();
context.strokeStyle="rgba(256,256,256,"+alpha+")";
context.moveTo(w/2+arr[i].r*Math.cos(i*6*Math.PI/180),h/2+arr[i].r*Math.sin(i*6*Math.PI/180));
context.lineTo(w/2+(arr[i].r+arr[i].vr)*Math.cos(i*6*Math.PI/180),h/2+(arr[i].r+arr[i].vr)*Math.sin(i*6*Math.PI/180));
context.stroke();
context.closePath();
}
for(var i=0;i<60;i++){
arr[i].r+=arr[i].vr
alpha*=vAlpha
if(arr[i].r>100){alpha=1,arr[i].r=1}
}
//if(alpha>0.01){alpha*=vAlpha}else{alpha=1
//for(var i=0;i<60;i++){arr[i].r=arr[i].r}}
},100)
</script></html>

复制代码

青春活力 · 发表于 2023-1-4 17:45

feng26338 · 发表于 2023-1-4 18:14

这是啥东西

		自动登录	找回密码
密码			注册