作为一个程序员，表白都要玩出花样
2020-05-23 本文已影响0人
喵感数据
一、69表白 I ♥ you
<html>
<head>
<title>I♥YOU</title>
<meta http-equiv="Content-Type" content="textml; charset=UTF-8"> </head>
<body style="margin-left:350px">
<canvas id="c"></canvas>
<p>99669999996669999996699666699666999966699666699</p>
<p>99699999999699999999699666699669966996699666699</p>
<p>99669999999999999996699666699699666699699666699</p>
<p>99666699999999999966666999966699666699699666699</p>
<p>99666666999999996666666699666699666699699666699</p>
<p>99666666669999666666666699666669966996699666699</p>
<p>99666666666996666666666699666666999966669999996</p>
</body>
</html>
操作方法：打开一个txt文本文档，把代码复制进去，把扩展文件名改为html，之后用浏览器打开。
使用电脑打开浏览器：ctrl + F 弹出搜索框，输入9。
使用手机打开浏览器：点击一下，页面内查找，弹出对话框，输入9。
效果图如下：
作为一个程序员，表白都要玩出花样
二、动态玫瑰花表明代码
<html>
<head>
<title>I♥YOU</title>
<meta http-equiv="Content-Type" content="textml; charset=UTF-8">
</head>
<body style="margin-left:350px">
<canvas id="c"></canvas>
<script>
var b = document.body;
var c = document.getElementsByTagName('canvas')[0];
var a = c.getContext('2d');
document.body.clientWidth;
</script>
<script>
with(m=Math)C=cos,S=sin,P=pow,R=random;c.width=c.height=f=600;h=-250;function p(a,b,c){if(c>60)return[S(a*7)*(13+5/(.2+P(b*4,4)))-S(b)*50,b*f+50,625+C(a*7)*(13+5/(.2+P(b*4,4)))+b*400,a*1-b/2,a];A=a*2-1;B=b*2-1;if(A*A+B*B<1){if(c>37){n=(j=c&1)?6:4;o=.5/(a+.01)+C(b*125)*3-a*300;w=b*h;return[o*C(n)+w*S(n)+j*610-390,o*S(n)-w*C(n)+550-j*350,1180+C(B+A)*99-j*300,.4-a*.1+P(1-B*B,-h*6)*.15-a*b*.4+C(a+b)/5+P(C((o*(a+1)+(B>0?w:-w))/25),30)*.1*(1-B*B),o/1e3+.7-o*w*3e-6]}if(c>32){c=c*1.16-.15;o=a*45-20;w=b*b*h;z=o*S(c)+w*C(c)+620;return[o*C(c)-w*S(c),28+C(B*.5)*99-b*b*b*60-z/2-h,z,(b*b*.3+P((1-(A*A)),7)*.15+.3)*b,b*.7]}o=A*(2-b)*(80-c*2);w=99-C(A)*120-C(b)*(-h-c*4.9)+C(P(1-b,7))*50+c*2;z=o*S(c)+w*C(c)+700;return[o*C(c)-w*S(c),B*99-C(P(b, 7))*50-c/3-z/1.35+450,z,(1-b/1.2)*.9+a*.1, P((1-b),20)/4+.05]}}setInterval('for(i=0;i<1e4;i++)if(s=p(R(),R(),i%46/.74)){z=s[2];x=~~(s[0]*f/z-h);y=~~(s[1]*f/z-h);if(!m[q=y*f+x]|m[q]>z)m[q]=z,a.fillStyle="rgb("+~(s[3]*h)+","+~(s[4]*h)+","+~(s[3]*s[3]*-80)+")",a.fillRect(x,y,1,1)}',0)
</script>
</body>
<html>
操作方法：打开一个txt文本文档，把代码复制进去，把扩展文件名改为html，之后用浏览器打开。
效果如下：动态图，只能截取个最终效果。
作为一个程序员，表白都要玩出花样
三、动态心型表白代
<!doctype html>
<html>
<head>
<title>Heart</title>
<meta charset="UTF-8">
</head>
<body>
<canvas id="c"></canvas>
<script>
var c = document.getElementsByTagName('canvas')[0];
var a = c.getContext('2d');
</script>
<script>
e=[];h=[];O=c.width=innerWidth;Q=c.height=innerHeight;v=32;M=Math;R=M.random;C=M.cos;Y=6.3;for(i=0;i<Y;i+=0.2)h.push([O/2+180*M.pow(M.sin(i),3),Q/2+10*-(15*C(i)-5*C(2*i)-2*C(3*i)-C(4*i))]);
for(i=0;i<v;){x=R()*O;y=R()*Q;H=80*(i/v)+280;S=40*R()+60;B=60*R()+20;f=[];for(k=0;k<v;)f[k++]={x:x,y:y,X:0,Y:0,R:1-k/v+1,S:R()+1,q:~~(R()*v),D:2*(i%2)-1,F:0.2*R()+0.7,f:"hsla("+~~H+","+~~S+"%,"+~~B+"%,.1)"};e[i++]=f}
function _(d){a.fillStyle=d.f;a.beginPath();a.arc(d.x,d.y,d.R,0,Y,1);a.closePath();a.fill()}
setInterval(function(){a.fillStyle="rgba(0,0,0,.2)";a.fillRect(0,0,O,Q);for(i=v;i--;){f=e[i];u=f[0];q=h[u.q];D=u.x-q[0];E=u.y-q[1];G=M.sqrt(D*D+E*E);10>G&&(0.95<R()?u.q=~~(R()*v):(0.99<R()&&(u.D*=-1),u.q+=u.D,u.q%=v,0>u.q&&(u.q+=v)));u.X+=-D/G*u.S;u.Y+=-E/G*u.S;u.x+=u.X;u.y+=u.Y;_(u);u.X*=u.F;u.Y*=u.F;for(k=0;k<v-1;)T=f[k],N=f[++k],N.x-=0.7*(N.x-T.x),N.y-=0.7*(N.y-T.y),_(N)}},25);
</script>
</body>
</html>
<!------------------------------------------------->
<!心形动画2-->
<!doctype html>
<html>
<head>
<title>Heart</title>
<meta charset="UTF-8">
</head>
<body>
<canvas id="c"></canvas>
<script>
var b = document.body;
var c = document.getElementsByTagName('canvas')[0];
var a = c.getContext('2d');
</script>
<script>
C=Math.cos;E=Math.random;F=parseInt;w=h=0;q=[];P=[];T=10;function Q(t){return[16*Math.pow(Math.sin(t),3),-(13*C(t)-5*C(2*t)-2*C(3*t)-C(4*t))]}with(b.style)i=marginLeft=marginTop=0,overflow='hidden';function S(){with(window)c.width=w=innerWidth,c.height=h=innerHeight;a.fillStyle=0;a.fillRect(0,0,w,h);a.globalAlpha=0.1;a.lineWidth=1;a.lineJoin="round"}window.onresize=S;S();for(;i<6;i+=0.1){P.push(Q(i));}function I(k){q[k]=E();q[k+1]=E()*h;q[k+2]=E()-0.5;q[k+3]=E()-0.5;q[k+4]=E()*T;q[k+5]=E()/T;q[k+6]="rgb("+F(E()*255)+","+F(E()*255)+","+F(E()*255)+")";}for(i=0;i<25;i++)k=i*7,I(k);function D(x,y,s,c){x*=w;with(a){save();translate(x,y);scale(s,s);beginPath();strokeStyle=c;moveTo.apply(a,P[0]);for(i=1;i<P.length;i++)lineTo.apply(a,P[i]);lineTo.apply(a,P[0]);stroke();closePath();restore()}}setInterval("a.fillRect(0,0,w,h);for(k=0;k<q.length;k+=7){D(q[k]+=q[k+2]/400,q[k+1]+=q[k+3]/400, q[k+4]+=q[k+5], q[k+6]);if(q[k+4]>T)I(k)}",80);
</script>
</body>
</html>
<!doctype html>
<html>
<head>
<title>Heart</title>
<meta charset="UTF-8">
</head>
<body>
<canvas id="c"></canvas>
<script>
var b = document.body;
var c = document.getElementsByTagName('canvas')[0];
var a = c.getContext('2d');
</script>
<script>
(function(a,b,c,d){function t(){var a={},b={},c=256*f(q/130),l="hsl("+c+",50%,50%)";d.fillStyle=j,d.fc(0,0,h,i),a.x=k+m*f(q/r),a.y=p.y-n*e.abs(f(q/r)),b.x=k+m*f(q/r),b.y=o.y-n,d.strokeStyle=l,d.lineWidth=2+2*g(q/r),d.ba(),d.m(o.x,o.y),d.bC(b.x,b.y,a.x,a.y,p.x,p.y),d.s(),q++,setTimeout(t,30)}var e=Math,f=e.sin,g=e.cos,h=innerWidth,i=innerHeight,j="rgba(0,0,0,0.01)",k=h/2,l=i/2,m=300,n=200,o={x:k,y:l+n},p={x:k,y:l-n},q=0,r=25,s;for(s in d)d[s[0]+(s[6]||"")]=d[s];b.style.margin=0,c.style.background="#000",c.width=h,c.height=i,t()})(this,b,c,a);
</script>
</body>
</html>
操作方法：打开一个txt文本文档，把代码复制进去，把扩展文件名改为html，之后用浏览器打开。
效果如下：动态图，只能截取个最终效果。
作为一个程序员，表白都要玩出花样
以上就是三个程序员创意表白方式，转自网络其他人。程序员不懂得甜言蜜语、但是程序员也有程序员的浪漫。
