<html>
<head>
<title>I Love You!</title>
<meta charset="utf-8" />
</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;
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 ]
}
}
function it() {
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)
}
}
setInterval('it()', 10);
</script>
</body>
</html>
- 浏览: 370655 次
- 性别:
- 来自: 南京
文章分类
- 全部博客 (209)
- db2 (4)
- oracle (1)
- sqlserver (16)
- java (54)
- jdbc (3)
- html、js (21)
- MQ、MB (6)
- uml (3)
- 格言 (7)
- 笑话 (3)
- 管理 (5)
- note (10)
- hibernate (1)
- 设计模式 (4)
- win8 (5)
- postgre (2)
- cxf (3)
- MyBatis (4)
- tomcat (9)
- servlet (2)
- ant (2)
- spring (5)
- windows (3)
- linux (7)
- struts2 (2)
- android (2)
- eclipse (1)
- drools (1)
- jmx (2)
- c++ (3)
- html、js、JSP (1)
- mysql (1)
- redis (1)
- 架构 (1)
最新评论
-
onlyor:
灰太狼1991 写道很受用,请教一下博主,mybatis模糊查 ...
MyBatis模糊查询 -
灰太狼1991:
很受用,请教一下博主,mybatis模糊查询是不是和版本也有关 ...
MyBatis模糊查询 -
zzgvictory:
你写的么,很美啊
js 画 玫瑰花 -
onlyor:
里面的算法值得研究啊
js 画 玫瑰花 -
bjqincy:
用 org.joda System.out.println(& ...
Java 获取 一个月有多少周
发表评论
-
html5 audio声音多次播放
2014-12-17 09:37 6352<html> <head&g ... -
js call
2014-11-03 10:13 781call 方法 请参阅 应用于:Function 对象 ... -
JS中通过方法名字符串调用
2014-10-31 14:21 616我贴: <html> <h ... -
js Date 详解
2014-07-11 10:13 629Date 对象用于处理日期和时间。创建 Date ... -
JS取整,四舍五入,取绝对值等Math对象常用方法
2014-06-11 16:11 1221JS取整,四舍五入,取绝对值等Math对象常用方法 ... -
js ascii和字符互相转换
2014-05-28 08:41 992ascii和字符相互转换 用String.from ... -
js 进制转换
2014-05-27 16:33 680<!DOCTYPE html PUBLIC " ... -
ASCII 标准I表
2014-05-27 16:30 1172Bin Dec Hex 缩写/字符 ... -
js call 方法 (js方法继承)
2014-05-27 11:06 476js call call 方法 请参阅 应用于:Fu ... -
(function($){...})(jQuery)的意思
2014-05-27 10:43 638(function($){...})(jQuery)实际上 ... -
js textarea 自适应高度
2014-04-26 11:45 1087写道 <!DOCTYPE html>< ... -
jQuery.extend 函数详解
2014-02-18 15:18 764JQuery的extend扩展方法: Jquer ... -
js 获取 月 的 周数
2013-04-17 15:41 2303<script> function g ... -
JS 将字符串转换成日期类型 字符串转换成日期形式
2012-11-09 12:54 1117将字符串形式的日期转换成日期对象 var strTime ... -
meta是html语言head区的一个辅助性标签
2012-11-08 09:21 996meta是html语言head区的一个辅助性标签。几乎所有的网 ... -
fullCalendar:中文API
2012-11-05 17:42 45751.与google日历连接,别忘记加入 <script ... -
JS Boolean 初始值
2012-07-31 13:41 1880JS Boolean 初始值 Boolean ... -
界面开发过程中,会使用各种控件
2012-06-21 12:35 3495界面开发过程中,会使用各种控件 1. 树形控件( ... -
UI 控件分析
2012-06-21 11:42 1356控件库 / 因素 版权控制 ... -
JavaScript,一切都是这么简单
2012-02-03 14:16 717JavaScript,一切都是这么简单:http://www. ...
相关推荐
本文实例讲述了javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果。分享给大家供大家参考。具体如下: 下面的玫瑰绘制用到了HTML 5的canvas,所以你的浏览器需要支持HTML 5。个人还是比较推荐chrome,这个效果在...
HTML5 SVG线条玫瑰花动画特效是一款基于svg绘制卡通玫瑰花动画,先用线条勾画出花的现状,在生成颜色过程特效。
SVG绘制玫瑰花盛开动画特效是一款svg盛开的花朵动画特效。
基于mfc 的 gdi绘制玫瑰的程序。。。程序的逻辑是根据CSDN上一个js程序改写的
HTML5画的玫瑰,很漂亮,使用支持HTML5的浏览器的朋友不妨看看.. 代码实现逻辑: http://a3.work/a/js/315.html
包含了逐行打印文字、变色效果和玫瑰花的飘落等特效。它能够营造出浪漫的氛围,并用创意的方式表达爱意。 适用人群: 这段代码适用于希望以创意和浪漫的方式表达爱意的人群。无论是情侣还是恋人,他们可以通过这段...
HTML5 Canvas跟随鼠标不断变换的花环动画特效源码是一段实现了随着鼠标的经过与离开而不断变化的花环动画效果,会通过鼠标移动绘制各种花环形状,非常的漂亮
从莫斯塔巨蛋开始... 几年前,在前往的旅途中,我参观了一座狂野而美丽的...第一次尝试上面的“玫瑰花”图案可以很容易地表示为一组圆,其中心围绕“引导圆”的周长以规则的间隔放置。 下图是32个这样的重叠圆的SVG渲
独立打包,保证可解压,内含大量源码,网上搜集而来。 Visual.C++编程技巧精选500例源代码 内含各种例子(vc下各种控件的使用方法、标题栏与菜单栏、工具栏与...VC满屏开满玫瑰花 VC然输入框出现气球提示 调用系统自带...
独立打包,保证可解压,内含大量源码,网上搜集而来。 Visual.C++编程技巧精选500例源代码 内含各种例子(vc下各种控件的使用方法、标题栏与菜单栏、工具栏与...VC满屏开满玫瑰花 VC然输入框出现气球提示 调用系统...
js调用的演示源码 树控件拖动 演示了在树控件中来回拖动文件的操作 MyPlayer 音乐播放器 内含歌词显示实现源码 ActiveXDemo 演示了装载以及卸载atl控件的操作以及注册操作 ado 登录模块的制作 ado,dao,odbc...
js调用的演示源码 树控件拖动 演示了在树控件中来回拖动文件的操作 MyPlayer 音乐播放器 内含歌词显示实现源码 ActiveXDemo 演示了装载以及卸载atl控件的操作以及注册操作 ado 登录模块的制作 ado,dao,odbc...
独立打包,保证可解压,内含大量源码,网上搜集而来。 Visual.C++编程技巧精选500例源代码 内含各种例子(vc下各种控件的使用方法、标题栏与菜单栏、工具栏与状态栏、图标与光标、程序...VC满屏开满玫瑰花 VC然输入框...
js调用的演示源码 树控件拖动 演示了在树控件中来回拖动文件的操作 MyPlayer 音乐播放器 内含歌词显示实现源码 ActiveXDemo 演示了装载以及卸载atl控件的操作以及注册操作 ado 登录模块的制作 如题,登陆数据库...