forked from wuxia2001/loveyue
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
只提交修改后的源码,未提交readmine
- Loading branch information
0 parents
commit a1af92e
Showing
201 changed files
with
9,227 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,220 @@ | ||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | ||
<!-- saved from url=(0027)http://itzoo.info/love.html --> | ||
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
<title>Love</title> | ||
|
||
<link type="text/css" rel="stylesheet" href="./Love_files/default.css"> | ||
<script type="text/javascript" src="./Love_files/jquery.min.js"></script> | ||
<script type="text/javascript" src="./Love_files/jscex.min.js"></script> | ||
<script type="text/javascript" src="./Love_files/jscex-parser.js"></script> | ||
<script type="text/javascript" src="./Love_files/jscex-jit.js"></script> | ||
<script type="text/javascript" src="./Love_files/jscex-builderbase.min.js"></script> | ||
<script type="text/javascript" src="./Love_files/jscex-async.min.js"></script> | ||
<script type="text/javascript" src="./Love_files/jscex-async-powerpack.min.js"></script> | ||
<script type="text/javascript" src="./Love_files/functions.js" charset="utf-8"></script> | ||
<script type="text/javascript" src="./Love_files/love.js" charset="utf-8"></script> | ||
</head> | ||
<body> | ||
<div id="main"> | ||
<div id="error">亲,您使用的浏览器无法支持即将显示的内容,请换成谷歌(<a href="http://www.google.cn/chrome/intl/zh-CN/landing_chrome.html?hl=zh-CN&brand=CHMI">Chrome</a>)或者火狐(<a href="http://firefox.com.cn/download/">Firefox</a>)浏览器哟~</div> | ||
<div id="wrap"> | ||
<div id="text"> | ||
<div id="code"> | ||
<span class="say">我的爱人,我会牵着你的手,走到满头白发的那一天,</span><br> | ||
<span class="say">我会守护你生命里的精彩,并陪伴你一路精彩下去。</span><br> | ||
<span class="say">你的幸福快乐,是我一生的追求。</span><br> | ||
<span class="say">我会每一天带着笑脸,和你说早安,</span><br> | ||
<span class="say">我会每一晚与你道声晚安再入梦乡,</span><br> | ||
<span class="say">我会带你去所有你想去的地方,</span><br> | ||
<span class="say">陪你闹看你笑</span><br> | ||
<span class="say">历经你生命中所有的点点滴滴。</span><br> | ||
<span class="say">我期待这一生与你一起走过,</span><br> | ||
<span class="say">我期待与你慢慢变老</span><br> | ||
<span class="say">等我们老到哪儿也去不了,</span><br> | ||
<span class="say">还能满载着一生的幸福快乐 !</span><br> | ||
<br> | ||
<span class="say">我会为我们的未来撑起一片天空,</span><br> | ||
<span class="say">为我们的将来担负起一生的责任,</span><br> | ||
<span class="say">愿意为你去做每一件能让你开心快乐的事。</span><br> | ||
<span class="say">所有我们经历的点点滴滴,</span><br> | ||
<span class="say">都是我们一辈子最美的回忆。</span><br> | ||
<span class="say">我愿意爱你直到老去!</span><br> | ||
<br> | ||
<span class="say"><span class="space"></span> -- Yours, wuxia2001.</span> | ||
</div> | ||
</div> | ||
<div id="clock-box"> | ||
<a href="http://weibo.com/pangtu" target="_blank">@wuxia2001</a> 与 <a href="http://weibo.com/u/2574226272" target="_blank">@月亮女</a> 在一起的 | ||
<div id="clock"></div> | ||
</div> | ||
<canvas id="canvas" width="1100" height="680"></canvas> | ||
</div> | ||
<audio src="love.mp3" autoplay="autoplay"></audio> | ||
</div> | ||
|
||
<script> | ||
</script> | ||
|
||
<script> | ||
(function(){ | ||
var canvas = $('#canvas'); | ||
|
||
if (!canvas[0].getContext) { | ||
$("#error").show(); | ||
return false; | ||
} | ||
|
||
var width = canvas.width(); | ||
var height = canvas.height(); | ||
|
||
canvas.attr("width", width); | ||
canvas.attr("height", height); | ||
|
||
var opts = { | ||
seed: { | ||
x: width / 2 - 20, | ||
color: "rgb(190, 26, 37)", | ||
scale: 2 | ||
}, | ||
branch: [ | ||
[535, 680, 570, 250, 500, 200, 30, 100, [ | ||
[540, 500, 455, 417, 340, 400, 13, 100, [ | ||
[450, 435, 434, 430, 394, 395, 2, 40] | ||
]], | ||
[550, 445, 600, 356, 680, 345, 12, 100, [ | ||
[578, 400, 648, 409, 661, 426, 3, 80] | ||
]], | ||
[539, 281, 537, 248, 534, 217, 3, 40], | ||
[546, 397, 413, 247, 328, 244, 9, 80, [ | ||
[427, 286, 383, 253, 371, 205, 2, 40], | ||
[498, 345, 435, 315, 395, 330, 4, 60] | ||
]], | ||
[546, 357, 608, 252, 678, 221, 6, 100, [ | ||
[590, 293, 646, 277, 648, 271, 2, 80] | ||
]] | ||
]] | ||
], | ||
bloom: { | ||
num: 700, | ||
width: 1080, | ||
height: 650, | ||
}, | ||
footer: { | ||
width: 1200, | ||
height: 5, | ||
speed: 10, | ||
} | ||
} | ||
|
||
var tree = new Tree(canvas[0], width, height, opts); | ||
var seed = tree.seed; | ||
var foot = tree.footer; | ||
var hold = 1; | ||
|
||
canvas.click(function(e) { | ||
var offset = canvas.offset(), x, y; | ||
x = e.pageX - offset.left; | ||
y = e.pageY - offset.top; | ||
if (seed.hover(x, y)) { | ||
hold = 0; | ||
canvas.unbind("click"); | ||
canvas.unbind("mousemove"); | ||
canvas.removeClass('hand'); | ||
} | ||
}).mousemove(function(e){ | ||
var offset = canvas.offset(), x, y; | ||
x = e.pageX - offset.left; | ||
y = e.pageY - offset.top; | ||
canvas.toggleClass('hand', seed.hover(x, y)); | ||
}); | ||
|
||
var seedAnimate = eval(Jscex.compile("async", function () { | ||
seed.draw(); | ||
while (hold) { | ||
$await(Jscex.Async.sleep(10)); | ||
} | ||
while (seed.canScale()) { | ||
seed.scale(0.95); | ||
$await(Jscex.Async.sleep(10)); | ||
} | ||
while (seed.canMove()) { | ||
seed.move(0, 2); | ||
foot.draw(); | ||
$await(Jscex.Async.sleep(10)); | ||
} | ||
})); | ||
|
||
var growAnimate = eval(Jscex.compile("async", function () { | ||
do { | ||
tree.grow(); | ||
$await(Jscex.Async.sleep(10)); | ||
} while (tree.canGrow()); | ||
})); | ||
|
||
var flowAnimate = eval(Jscex.compile("async", function () { | ||
do { | ||
tree.flower(2); | ||
$await(Jscex.Async.sleep(10)); | ||
} while (tree.canFlower()); | ||
})); | ||
|
||
var moveAnimate = eval(Jscex.compile("async", function () { | ||
tree.snapshot("p1", 240, 0, 610, 680); | ||
while (tree.move("p1", 500, 0)) { | ||
foot.draw(); | ||
$await(Jscex.Async.sleep(10)); | ||
} | ||
foot.draw(); | ||
tree.snapshot("p2", 500, 0, 610, 680); | ||
|
||
// 会有闪烁不得意这样做, (>﹏<) | ||
canvas.parent().css("background", "url(" + tree.toDataURL('image/png') + ")"); | ||
canvas.css("background", "#ffe"); | ||
$await(Jscex.Async.sleep(300)); | ||
canvas.css("background", "none"); | ||
})); | ||
|
||
var jumpAnimate = eval(Jscex.compile("async", function () { | ||
var ctx = tree.ctx; | ||
while (true) { | ||
tree.ctx.clearRect(0, 0, width, height); | ||
tree.jump(); | ||
foot.draw(); | ||
$await(Jscex.Async.sleep(25)); | ||
} | ||
})); | ||
|
||
var textAnimate = eval(Jscex.compile("async", function () { | ||
var together = new Date(); | ||
together.setFullYear(2010, 5, 8); | ||
together.setHours(20); | ||
together.setMinutes(20); | ||
together.setSeconds(0); | ||
together.setMilliseconds(0); | ||
|
||
$("#code").show().typewriter(); | ||
$("#clock-box").fadeIn(500); | ||
while (true) { | ||
timeElapse(together); | ||
$await(Jscex.Async.sleep(1000)); | ||
} | ||
})); | ||
|
||
var runAsync = eval(Jscex.compile("async", function () { | ||
$await(seedAnimate()); | ||
$await(growAnimate()); | ||
$await(flowAnimate()); | ||
$await(moveAnimate()); | ||
|
||
textAnimate().start(); | ||
|
||
$await(jumpAnimate()); | ||
})); | ||
|
||
runAsync().start(); | ||
})(); | ||
</script> | ||
|
||
|
||
|
||
</body></html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,15 @@ | ||
body{margin:0;padding:0;background:#ffe;font-size:14px;font-family:'微软雅黑','宋体',sans-serif;color:#231F20;overflow:auto} | ||
a {color:#000;font-size:14px;} | ||
#main{width:100%;} | ||
#wrap{position:relative;margin:0 auto;width:1100px;height:680px;margin-top:10px;} | ||
#text{width:400px;height:425px;left:60px;top:80px;position:absolute;} | ||
#code{display:none;font-size:16px;} | ||
#clock-box {position:absolute;left:60px;top:550px;font-size:28px;display:none;} | ||
#clock-box a {font-size:28px;text-decoration:none;} | ||
#clock{margin-left:48px;} | ||
#clock .digit {font-size:64px;} | ||
#canvas{margin:0 auto;width:1100px;height:680px;} | ||
#error{margin:0 auto;text-align:center;margin-top:60px;display:none;} | ||
.hand{cursor:pointer;} | ||
.say{margin-left:5px;} | ||
.space{margin-right:150px;} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,60 @@ | ||
/* | ||
* http://love.hackerzhou.me | ||
*/ | ||
|
||
// variables | ||
var $win = $(window); | ||
var clientWidth = $win.width(); | ||
var clientHeight = $win.height(); | ||
|
||
$(window).resize(function() { | ||
var newWidth = $win.width(); | ||
var newHeight = $win.height(); | ||
if (newWidth != clientWidth && newHeight != clientHeight) { | ||
location.replace(location); | ||
} | ||
}); | ||
|
||
(function($) { | ||
$.fn.typewriter = function() { | ||
this.each(function() { | ||
var $ele = $(this), str = $ele.html(), progress = 0; | ||
$ele.html(''); | ||
var timer = setInterval(function() { | ||
var current = str.substr(progress, 1); | ||
if (current == '<') { | ||
progress = str.indexOf('>', progress) + 1; | ||
} else { | ||
progress++; | ||
} | ||
$ele.html(str.substring(0, progress) + (progress & 1 ? '_' : '')); | ||
if (progress >= str.length) { | ||
clearInterval(timer); | ||
} | ||
}, 75); | ||
}); | ||
return this; | ||
}; | ||
})(jQuery); | ||
|
||
function timeElapse(date){ | ||
var current = Date(); | ||
var seconds = (Date.parse(current) - Date.parse(date)) / 1000; | ||
var days = Math.floor(seconds / (3600 * 24)); | ||
seconds = seconds % (3600 * 24); | ||
var hours = Math.floor(seconds / 3600); | ||
if (hours < 10) { | ||
hours = "0" + hours; | ||
} | ||
seconds = seconds % 3600; | ||
var minutes = Math.floor(seconds / 60); | ||
if (minutes < 10) { | ||
minutes = "0" + minutes; | ||
} | ||
seconds = seconds % 60; | ||
if (seconds < 10) { | ||
seconds = "0" + seconds; | ||
} | ||
var result = "第 <span class=\"digit\">" + days + "</span> 天 <span class=\"digit\">" + hours + "</span> 小时 <span class=\"digit\">" + minutes + "</span> 分钟 <span class=\"digit\">" + seconds + "</span> 秒"; | ||
$("#clock").html(result); | ||
} |
Large diffs are not rendered by default.
Oops, something went wrong.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Oops, something went wrong.