情人节马上就要到来了,这里给程序员前端设计师们献上一个,html5渲染而成的3D玫瑰花js效果,可以作为虚拟的情人节礼物送给自己的爱人。支持html5的浏览器查看。

查看演示

下载资源:

16

次 下载资源

下载积分:

20

积分

情人节玫瑰花js代码

html5渲染3D玫瑰花情人节礼物js特效代码

var b = document.body;

var c = document.getElementsByTagName('canvas')[0];

var a = c.getContext('2d');

document.body.clientWidth;

// start of submission //

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)

// end of submission //

html玫瑰花效果代码,html5渲染3D玫瑰花情人节礼物js特效代码相关推荐

  1. 3D飞机动画网页js特效代码

    下载地址 3D飞机动画网页特效代码,鼠标控制视差改变方向. dd:

  2. JS特效代码大全(十一)超炫的js图片展示效果(三)

    在看过上一篇JS特效代码大全(十)超炫的js图片展示效果(二)文章后,相信很多人都想试试把这种效果用到自己的项目中去了.在用的过程当中个性化的需求就来了,比如,想把小图导航放上边去,或者放左边放右边等 ...

  3. html鼠标平滑滚动效果,JS特效代码 JS动态平滑滚动菜单效果

    JS特效代码 JS动态平滑滚动菜单效果 www.css5.net body {cursor:crosshair; background:#111; margin:0; padding:0; posit ...

  4. css隐藏特效代码,JS特效代码,可关闭的导航隐藏效果

    JS特效代码,可关闭的导航隐藏效果 #vouch{width:300px} #vouch a{text-decoration:none;} #vouch li{ list-style:none; bo ...

  5. css使图片有3d效果,利用CSS3实现3D倾斜视差图片展示特效

    特效描述:利用CSS3实现 3D倾斜 视差图片 展示特效.利用CSS3实现3D倾斜视差图片展示特效 代码结构 1. HTML代码 Movies Popular Princess Mononoke Sp ...

  6. 淘宝商城首页鼠标经过整个区域图片变暗变亮的JS特效代码

    淘宝商城首页商品分类模块当鼠标经过整个区域图片变暗,唯一鼠标悬停的那个商品图片变亮的JS特效代码! 在线演示:http://mj.588cy.com/jquery/22.html <!DOCTY ...

  7. 专家推荐 基础JS特效代码

    本文向大家推荐个入门级的JS特效代码,主要包括以事件驱动JavaScript函数,文本域显示内容,但不可修改,让select控件可以自定义边框等内容. 推荐几个入门级的JS特效代码 1.以事件驱动Ja ...

  8. 天气icon小图标svg动画js特效代码

    下载地址 很多种天气小图标svg代码,天气icon小图标svg动画特效代码 dd:

  9. 50代码HTML5 Canvas 3D 编辑器优雅搞定

    1024程序员节刚过,手痒想实现一个html的3d编辑器,看了three.js 同时还看了网上流传已久的<<基于 HTML5 Canvas 的简易 2D 3D 编辑器>>,都觉 ...

最新文章

  1. 图像拼接--Coarse-to-fine Seam Estimation for Image Stitching
  2. Leetcode 25 K个一组翻转链表 (每日一题 20210719)
  3. VTK:IO之ReadPDB
  4. Struts 中的自定义异常
  5. activemq安全设置 设置admin的用户名和密码
  6. Apache Nutch 1.6 发布
  7. (进阶篇)Redis6.2.0 集群 主从复制_原理剖析_02
  8. 笨办法学 Python · 续 练习 47:`bc`
  9. formrules 表单验证限制最大值_HTML5表单
  10. 从开源开发者身上学到的 5 种品质
  11. XCode6.0的iOS免证书真机测试方法(MAC及黑苹果均有效)
  12. api-gateway实践(01)服务网关 - 原型功能
  13. java 睡眠_Java 线程和多线程执行过程分析
  14. pkr车牌识别系统服务器,交安通PKR停车场车牌识别管理系统
  15. 4412开发板上的步进电机小知识
  16. Android手势密码解锁设计
  17. 风筝 vpn_风筝将其AI驱动的代码完成功能引入JavaScript
  18. 大学毕业4年-回顾和总结 10 -资金账务系统的架构设计(产品视角+技术视角)(图文并茂)
  19. git did not exit cleanly exit code 128
  20. 《牧羊少年奇幻之旅》的优秀读后感分享3300字

热门文章

  1. MITK医学Python开发入门详细版
  2. mysql多表联查到新的表中_MySQL中的多表联查
  3. devstack mysql_DevStack部署OpenStack开发环境 - 问题总结
  4. mysql数据自定义随机_Mysql 自定义随机字符串
  5. php getimagecompose,Docker进阶:Dockerfile以及docker-compose工具
  6. mysql连接数详解_MySQl 修改最大连接数详解
  7. axios 获取上传进度_PHP获取HTTP body内容的方法总结
  8. php中append,插入节点append()、insertAfter()的特殊用法:对原有DOM元素进行移动
  9. 街舞中的rolling机器人_首家!爆点!奈雪の茶、蛙小侠..开业倒计时!街舞PK…这个六一就差你来围观了...
  10. Chrome浏览器显示“网站连接不安全”怎么解决?解决方法分享