Javascript实现一朵从含苞到绽放的玫瑰


Posted in Javascript onMarch 30, 2019

用javascript实现的一朵从含苞到绽放的玫瑰   代码奉献了!!

偷偷地做成网页发给女朋友,她会高兴的!

<html>
  <head>
  </head>
  <body>
    <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 = 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*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>

效果如下:

Javascript实现一朵从含苞到绽放的玫瑰

Javascript实现一朵从含苞到绽放的玫瑰

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Javascript 相关文章推荐
网站页面自动跳转实现方法PHP、JSP(下)
Aug 01 Javascript
lyhucSelect基于Jquery的Select数据联动插件
Mar 29 Javascript
基于JavaScript实现继承机制之调用call()与apply()的方法详解
May 07 Javascript
可选择和输入的下拉列表框示例
Nov 05 Javascript
基于jQuery实现复选框的全选 全不选 反选功能
Nov 24 Javascript
jquery判断复选框是否被选中的方法
Oct 16 Javascript
jquery实现文本框的禁用和启用
Dec 07 Javascript
详解Vue快速零配置的打包工具——parcel
Jan 16 Javascript
使用原生js编写一个简单的框选功能方法
May 13 Javascript
原生js添加一个或多个类名的方法分析
Jul 30 Javascript
JS中的算法与数据结构之二叉查找树(Binary Sort Tree)实例详解
Aug 16 Javascript
vue element upload组件 file-list的动态绑定实现
Oct 11 Javascript
使用post方法实现json往返传输数据的方法
Mar 30 #Javascript
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
Mar 30 #Javascript
微信公众平台获取access_token的方法步骤
Mar 29 #Javascript
vue路由--网站导航功能详解
Mar 29 #Javascript
利用weixin-java-miniapp生成小程序码并直接返回图片文件流的方法
Mar 29 #Javascript
微信小程序实现获取小程序码和二维码java接口开发
Mar 29 #Javascript
详解vue项目打包步骤
Mar 29 #Javascript
You might like
给海燕B411配件机起死回生配上件
2021/03/02 无线电
PHP+redis实现添加处理投票的方法
2015/11/14 PHP
php注册登录系统简化版
2020/12/28 PHP
javascript 面向对象编程 万物皆对象
2009/09/17 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件
2010/08/24 Javascript
关于document.cookie的使用javascript
2010/10/29 Javascript
再谈querySelector和querySelectorAll的区别与联系
2012/04/20 Javascript
jquery鼠标滑过提示title具体实现代码
2013/08/06 Javascript
JavaScript通过字典进行字符串翻译转换的方法
2015/03/19 Javascript
JavaScript创建对象的方式小结(4种方式)
2015/12/17 Javascript
JQuery解析XML数据的几个简单实例
2016/05/18 Javascript
浅谈addEventListener和attachEvent的区别
2016/07/14 Javascript
Javascript中indexOf()和lastIndexOf应用方法实例
2016/08/24 Javascript
简单的JS控制button颜色随点击更改的实现方法
2017/04/17 Javascript
轻量级JS Cookie插件js-cookie的使用方法
2018/03/22 Javascript
javascript实现日历效果
2019/06/17 Javascript
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
2020/05/27 Javascript
[54:58]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第一场 11.25
2020/11/25 DOTA
Python中用于去除空格的三个函数的使用小结
2015/04/07 Python
Python with用法实例
2015/04/14 Python
Python实现1-9数组形成的结果为100的所有运算式的示例
2017/11/03 Python
python3模块smtplib实现发送邮件功能
2018/05/22 Python
python实现俄罗斯方块
2018/06/26 Python
pymongo中聚合查询的使用方法
2019/03/22 Python
解决Python找不到ssl模块问题 No module named _ssl的方法
2019/04/29 Python
利用python为PostgreSQL的表自动添加分区
2021/01/18 Python
HTML5学习心得总结(推荐)
2016/07/08 HTML / CSS
GANT英国官方网上商店:甘特衬衫
2018/02/06 全球购物
爱尔兰最大的体育零售商:Life Style Sports
2019/06/12 全球购物
璀璨的珍珠、密钉和个性化珠宝:Lily & Roo
2021/01/21 全球购物
大专毕业自我鉴定
2014/02/04 职场文书
美化环境标语
2014/06/20 职场文书
教师党员群众路线教育实践活动心得体会
2014/11/04 职场文书
爱岗敬业先进典型事迹材料(2016推荐版)
2016/02/26 职场文书
Redis唯一ID生成器的实现
2022/07/07 Redis
Docker安装MySql8并远程访问的实现
2022/07/07 Servers