zhibin07
- 浏览: 299129 次
-
文章分类
最新评论
-
一个ID的距离：
我了个擦~高端大气上档次啊~
js生成玫瑰花 源代码 -
abc382410124：
尝试使用开源的免费的编辑器了，学习了
Notepad++ 插件之 TextFX (安装及作用)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>rose</title>
</head>
<body style="text-align: center">
<h1>Hello World!</h1>
<canvas height="500" width="500" style="text-align: center">
</canvas>
</body>
<script type="text/javascript">
var b = document.body;
var c = document.getElementsByTagName('canvas')[0];
var a = c.getContext('2d');
document.body.clientWidth;
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>
</html>
- Rose.zip (1.2 KB)
- 下载次数: 7
分享到：
发表评论
-
水果忍者JS版
2013-05-15 10:42 738demo: http://zhibin07.web-159 ... -
php可编辑表格
2013-04-11 10:16 1901转自kongzimengsheng 编号 姓 ... -
jq实现果冻抖动效果
2013-03-20 10:15 703Demo:http://zhibin07.web-159.co ... -
分享设置
2013-03-19 14:36 757<script> //分享设置 var s ... -
GooleEye
2013-02-03 17:01 647,,,,,,,,,, -
ie6 form.submit()不能正常提交
2012-12-19 17:01 967IE6下如果是用<input type="su ... -
实现 鼠标移上去出现多菜单
2012-12-10 11:33 805<HTML> <HEAD> ... -
jquery 轮播
2012-12-07 16:21 861转自：http://www.cnblogs.com/babyz ... -
<marquee>aa</marquee>实现内容滚动时首尾相连，不出现空白的时候
2012-11-15 17:03 1202<HTML> <HEAD> & ... -
网站统计中的数据收集原理及实现
2012-11-15 09:42 778http://www.admin10000.com/docum ... -
网站统计中的数据收集原理及实现
2012-11-12 09:17 771[url]http://www.admin10000.com/ ... -
jquery控制css的display(控制元素的显示与隐藏)
2012-11-05 10:09 805jquery控制css的display(控制元素的显示与隐藏) ... -
图片submit reset
2012-11-02 18:22 688submit事件图片: <input type=&quo ... -
jQuery选择器大全
2012-10-22 09:37 696[size=x-small;] 转自：http: ... -
html5 车展
2012-10-19 18:02 607http://www.php100.com/html/webk ... -
Javascript+PHP实现在线拍照功能
2012-09-17 09:16 854转自：http://www.php100.com/html/w ... -
Web前端开发规范文档你需要知道的事
2012-09-14 09:18 780规范目的 为提高团队协作效率, 便于后台人员添加功能及前 ... -
50个jquery试用代码段++25个实用的jQuery技巧和解决方案
2012-09-07 19:59 1083转自：http://www.admin10000.com/do ... -
JS 对cookie 的一些操作
2012-07-05 15:47 807转自网络 js读取cookie,js添加cookie,js删除 ... -
js字数限制 删除多余的字符
2012-06-28 10:05 924<!DOCTYPE html PUBLIC &quo ...
相关推荐
JavaScript函数（源代码）JavaScript函数（源代码）JavaScript函数（源代码）JavaScript函数（源代码）JavaScript函数（源代码）JavaScript函数（源代码）JavaScript函数（源代码）JavaScript函数（源代码）...
本文实例讲述了javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果。分享给大家供大家参考。具体如下： 下面的玫瑰绘制用到了HTML 5的canvas，所以你的浏览器需要支持HTML 5。个人还是比较推荐chrome，这个效果在...
1KB代码能做什么？纯js代码 神奇1kb实现3D玫瑰花！
JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）JavaScript数组（源代码）...
javascript生成图片文件的源代码 js生成png,jpg文件
JavaScript分支语句(源代码)JavaScript分支语句(源代码)JavaScript分支语句(源代码)JavaScript分支语句(源代码)JavaScript分支语句(源代码)JavaScript分支语句(源代码)JavaScript分支语句(源代码)JavaScript分支语句...
js生成二维码源代码 包含js库文件，点击qcode.html即可使用 qrcode.js jquery.min.js jquery.qrcode.js jquery.qrcode.min.js
HTML5实现五彩烟花动画特效，canvas炫彩烟火，高质量js源代码！ HTML5实现五彩烟花动画特效，canvas炫彩烟火，高质量js源代码！ HTML5实现五彩烟花动画特效，canvas炫彩烟火，高质量js源代码！ HTML5实现五彩烟花...
JS树形菜单源代码下载，JS树形菜单源代码下载JS树形菜单源代码下载JS树形菜单源代码下载JS树形菜单源代码下载JS树形菜单源代码下载JS树形菜单源代码下载JS树形菜单源代码下载JS树形菜单源代码下载JS树形菜单源代码...
php生成二维码源代码，PHP读取二维码源代码，jQuery生成二维码源代码
JavaScript之Math对象（源代码）JavaScript之Math对象（源代码）JavaScript之Math对象（源代码）JavaScript之Math对象（源代码）JavaScript之Math对象（源代码）JavaScript之Math对象（源代码）JavaScript之Math对象...
JavaScript之Date对象（源代码）JavaScript之Date对象（源代码）JavaScript之Date对象（源代码）JavaScript之Date对象（源代码）JavaScript之Date对象（源代码）JavaScript之Date对象（源代码）JavaScript之Date对象...
javascript的日期空间源代码 javascript的日期空间源代码javascript的日期空间源代码
《Ext JS高级程序设计》光盘源代码 今天才买的书，随书附带的光盘，压缩文件很大，所以分开压缩上传，一共有： Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5...
完整的Javascript开发技术大全源代码，包含大多数JAVASCRIPT效果
js packer PHP版，加密js源文件文件 js源代码加密
JavaScript之DOM事件（源代码）JavaScript之DOM事件（源代码）JavaScript之DOM事件（源代码）JavaScript之DOM事件（源代码）JavaScript之DOM事件（源代码）JavaScript之DOM事件（源代码）JavaScript之DOM事件（源...
初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识JavaScript（源代码）初识...
Canvas绘制3D烟花动画特效，js高质量源代码，网页必加点缀！ Canvas绘制3D烟花动画特效，js高质量源代码，网页必加点缀！ Canvas绘制3D烟花动画特效，js高质量源代码，网页必加点缀！ Canvas绘制3D烟花动画特效，js...