[情人节专属]纯js脚本1k大小的3D玫瑰[整理后]
导读：收集整理的这篇文章主要介绍了html5教程-[情人节专属]纯js脚本1k大小的3D玫瑰[整理后]，觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 最...
收集整理的这篇文章主要介绍了html5教程-[情人节专属]纯js脚本1k大小的3D玫瑰[整理后]，觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 最近看见大家都在找3D玫瑰的代码，鉴于需要的人太多，无法一一发送，今天我整理的一下，希望对大家有所帮助:感觉整理的可以的可以回个帖支持一下啊:
先声明一下，该文件在IE中无法运行，FireFox中运行很慢，特别耗CPU，最佳浏览器为Chorm急速浏览器，建议安装GOOGLE的浏览器或者360极速浏览器。
具体代码如下:
[htML]
!DOCTYPE html PubLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
html XMlns="https://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
head>
meta http-equiv="content-type" content="text/html; charset=utf-8"/>
tITle> 3D玫瑰(Darren)/title>
/head>
body>
iframe width="600px" scrolling="no" height="520px" frameborder="0" noresize="noresize" src="javascript:'!doctype html> /nhtml> /n/thead> /n/t/ttitle> JS1k, 1k demo submission [1022]/title> /n/t/tmeta charset="utf-8" /> /n/t/head> /n/tbody> /n/t/tcanvas id="c"> /canvas> /n/t/tscript> /n/t/t/tVAR b = document.body; /n/t/t/tvar c = document.getelementsbytagname(/'canvas/')[0]; /n/t/t/tvar a = c.getContext(/'2d/'); /n/t/t/tdocument.body.clientWidth; // fix bug in webkit: https://qfox.nl/weblog/218/n/t/t/script> /n/t/tscript> /n// start of submission ///nwith(m=Math)C=cos,S=sin,P=pow,R=random; cc.width=c.height=f=500; 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*B1){ if(c> 37){ n=(j=c& 1)%3F6: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%3Fw:-w))/25),30)*.1*(1-B*B),o/1e3+.7-o*w*3e-6]} if(c> 32){ cc=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; i1e4; i++)if(s=p(R(),R(),i%2546/.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)/n// end of submission ///n/t/t/script> /n/t/body> /n/html> '"> /iframe>
/body>
/html>
再次谢谢大家一直对Darren的支持。觉得好的可以顶...
摘自Darren 最近看见大家都在找3D玫瑰的代码，鉴于需要的人太多，无法一一发送，今天我整理的一下，希望对大家有所帮助:
感觉整理的可以的可以回个帖支持一下啊:
先声明一下，该文件在IE中无法运行，FireFox中运行很慢，特别耗CPU，最佳浏览器为Chorm急速浏览器，建议安装Google的浏览器或者360极速浏览器。
具体代码如下:
[html]
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
html xmlns="https://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
head>
meta http-equiv="content-type" content="text/html; charset=utf-8"/>
title> 3D玫瑰(Darren)/title>
/head>
body>
iframe width="600px" scrolling="no" height="520px" frameborder="0" noresize="noresize" src="javascript:'!doctype html> /nhtml> /n/thead> /n/t/ttitle> JS1k, 1k demo submission [1022]/title> /n/t/tmeta charset="utf-8" /> /n/t/head> /n/tbody> /n/t/tcanvas id="c"> /canvas> /n/t/tscript> /n/t/t/tvar b = document.body; /n/t/t/tvar c = document.getElementsByTagName(/'canvas/')[0]; /n/t/t/tvar a = c.getContext(/'2d/'); /n/t/t/tdocument.body.clientWidth; // fix bug in webkit: https://qfox.nl/webLOG/218/n/t/t/script> /n/t/tscript> /n// start of submission ///nwith(m=Math)C=cos,S=sin,P=pow,R=random; cc.width=c.height=f=500; 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*B1){ if(c> 37){ n=(j=c& 1)%3F6: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%3Fw:-w))/25),30)*.1*(1-B*B),o/1e3+.7-o*w*3e-6]} if(c> 32){ cc=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; i1e4; i++)if(s=p(R(),R(),i%2546/.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)/n// end of submission ///n/t/t/script> /n/t/body> /n/html> '"> /iframe>
/body>
/html>
再次谢谢大家一直对Darren的支持。觉得好的可以顶...
摘自Darren
觉得可用，就经常来吧！ 欢迎评论哦！ html5教程，巧夺天工，精雕玉琢。小宝典献丑了！
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： [情人节专属]纯js脚本1k大小的3D玫瑰[整理后]
本文地址： https://pptw.com/jishu/586602.html