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 相关文章推荐
不用MOUSEMOVE也能滑动啊
May 23 Javascript
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
Dec 03 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
Mar 10 Javascript
JavaScript中的原型prototype完全解析
May 10 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
May 31 Javascript
jQuery Ajax 加载数据时异步显示加载动画
Aug 01 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
Oct 27 Javascript
Angular.js中处理页面闪烁的方法详解
Mar 09 Javascript
Vue2.X 通过AJAX动态更新数据
Jul 17 Javascript
Vue.js子组件向父组件通信的方法实例代码详解
Dec 10 Javascript
layui将table转化表单显示的方法(即table.render转为表单展示)
Sep 24 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
Oct 26 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
Smarty变量调节器失效的解决办法
2014/08/20 PHP
Thinkphp模板标签if和eq的区别和比较实例分析
2015/07/01 PHP
关于WordPress的SEO优化相关的一些PHP页面脚本技巧
2015/12/10 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
PHPStorm 2020.1 调试 Nodejs的多种方法详解
2020/09/17 NodeJs
javascript innerText和innerHtml应用
2010/01/28 Javascript
jquery获取一组checkbox的值(实例代码)
2013/11/04 Javascript
angular中使用路由和$location切换视图
2015/01/23 Javascript
javascript冒泡排序小结
2016/04/10 Javascript
JQuery组件基于Bootstrap的DropDownList(完整版)
2016/07/05 Javascript
jQuery电话号码验证实例
2017/01/05 Javascript
Vue 使用beforeEach实现登录状态检查功能
2019/10/31 Javascript
js回调函数原理与用法案例分析
2020/03/04 Javascript
vue实现从外部修改组件内部的变量的值
2020/07/30 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
2021/02/04 jQuery
在Python的Flask框架中使用日期和时间的教程
2015/04/21 Python
python使用pil库实现图片合成实例代码
2018/01/20 Python
Python设置在shell脚本中自动补全功能的方法
2018/06/25 Python
Django添加KindEditor富文本编辑器的使用
2018/10/24 Python
Python3.5迭代器与生成器用法实例分析
2019/04/30 Python
python实现密度聚类(模板代码+sklearn代码)
2020/04/27 Python
CSS3之多背景background使用示例
2013/10/18 HTML / CSS
详解CSS3选择器的使用方法汇总
2015/11/24 HTML / CSS
阿联酋手表和配饰购物网站:Rivolishop
2019/11/25 全球购物
网络安全方面的面试题
2015/11/04 面试题
实习生岗位职责
2014/04/12 职场文书
小学生读书活动总结
2014/06/30 职场文书
给妈妈洗脚活动方案
2014/08/16 职场文书
员工生日活动方案
2014/08/24 职场文书
2014年小学重阳节活动策划方案
2014/09/16 职场文书
光荣之路观后感
2015/06/12 职场文书
2016年幼儿园万圣节活动总结
2016/04/05 职场文书
导游词之苏州阳澄湖
2019/11/15 职场文书
MySQL复制问题的三个参数分析
2021/04/07 MySQL
MySQL分库分表与分区的入门指南
2021/04/22 MySQL
关于CSS浮动与取消浮动的问题
2021/06/28 HTML / CSS