【编程游戏】贺岁放礼花。（点燃续帖1-188楼zswang的焰火）

现在的位置: 首页 > 综合 > 正文

【编程游戏】贺岁放礼花。（点燃续帖1-188楼zswang的焰火）

2013年10月12日 ⁄ 综合 ⁄ 共 4997字 ⁄ 字号小中大 ⁄ 评论关闭

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

<html> 
<head><title>贺岁礼花--2009清洁工版</title></head> 
<body style="overflow:hidden;background-color:Black;"> 
</body> 
<script type="text/javascript"> 
function hsl2color(hsl) { 
	if (hsl.h > 360 || hsl.h < 0 || hsl.s > 100 || hsl.s < 0 || hsl.l > 100 || hsl.l < 0) 
		return "#000000"; 
	var rgb = {r: 0, g: 0, b: 0}; 
	if (hsl.h <= 60) { 
		rgb.r = 255; 
		rgb.g = Math.floor(255 / 60 * hsl.h); 
	} else if (hsl.h <= 120) { 
		rgb.r = Math.floor(255 - (255 / 60) * (hsl.h - 60)); 
		rgb.g = 255; 
	} else if (hsl.h <= 180) { 
		rgb.g = 255; 
		rgb.b = Math.floor((255 / 60) * (hsl.h - 120)); 
	} else if (hsl.h <= 240) { 
		rgb.g = Math.floor(255 - (255 / 60) * (hsl.h - 180)); 
		rgb.b = 255; 
	} else if (hsl.h <= 300) { 
		rgb.r = Math.floor((255 / 60) * (hsl.h - 240)); 
		rgb.b = 255; 
	} else if (hsl.h <= 360) { 
		rgb.r = 255; 
		rgb.b = Math.floor(255 - (255 / 60) * (hsl.h - 300)); 
	} 
	var sat = Math.abs((hsl.s - 100) / 100); 
	rgb.r = Math.floor(rgb.r - (rgb.r - 128) * sat); 
	rgb.g = Math.floor(rgb.g - (rgb.g - 128) * sat); 
	rgb.b = Math.floor(rgb.b - (rgb.b - 128) * sat); 
	var lum = (hsl.l - 50) / 50; 
	if (lum > 0) { 
		rgb.r = Math.floor(rgb.r + (255 - rgb.r) * lum); 
		rgb.g = Math.floor(rgb.g + (255 - rgb.g) * lum); 
		rgb.b = Math.floor(rgb.b + (255 - rgb.b) * lum); 
	} else if (lum < 0) { 
		rgb.r = Math.floor(rgb.r + rgb.r * lum); 
		rgb.g = Math.floor(rgb.g + rgb.g * lum); 
		rgb.b = Math.floor(rgb.b + rgb.b * lum); 
	} 
	return "#" + ("00000" + (rgb.r * 256 * 256 + rgb.g * 256 + rgb.b).toString(16)).replace(/^.*(.{6}$)/g, "$1"); 
}
function Ball(parent, text) { 
	this.parent = parent; 
	this.text = text; 
	this.visible = true; 
	this.span = document.createElement("span"); 
	this.span.innerHTML = this.text; 
	this.span.style.position = "absolute"; 
}
Ball.prototype.update = function(color, x, y, size, alpha, speed, fire) { 
	this.fire = fire; 
	this.alpha = alpha; 
	this.speed = speed; 
	this.gravity = 0; 
	this.x = x; 
	this.y = y; 
	this.color = color; 
	this.hsl = {h: color, s: 100, l: 80}; 
	this.size = size; 
	this.doChange(); 
}
Ball.prototype.doChange = function() { 
	with (this.span.style) { 
		fontSize = this.size + "px"; 
		left = this.x + "px"; 
		top = this.y + "px"; 
		color = hsl2color(this.hsl); 
	} 
	if (!this.span.parent) this.parent.insertBefore(this.span, this.parent.firstChild); 
}
Ball.prototype.move = function() { 
	this.x = Math.cos(this.alpha) * this.speed + this.x; 
	this.y = Math.sin(this.alpha) * this.speed + this.y; 
	this.y = this.gravity + this.y; 
	this.gravity += 0.05; 
	this.hsl.l -= this.fire; 
	this.doChange(); 
}
Ball.prototype.hide = function() { 
	if (!this.visible) return; 
	this.visible = false; 
	this.span.style.display = "none"; 
}
Ball.prototype.show = function() { 
	if (this.visible) return; 
	this.visible = true; 
	this.span.style.display = "block"; 
}
Ball.prototype.dispose = function () { 
	this.disposing = true; 
 for (var i in this) { 
		if (i == "parent") continue; 
		if (typeof this[i].dispose == "function" && !this[i].disposing) this[i].dispose(); 
 if (typeof this[i].parentNode == "object") 
 this[i].parentNode.removeChild(this[i]); 
 delete this[i]; 
 } 
}
function Firework(parent, text, size, count, speed) { 
	this.parent = parent; 
	this.speed = speed; 
	this.size = size; 
	this.total = 0; 
	this.active = false; 
	this.balls = new Array(count); 
	for (var i = 0; i < this.balls.length; i++) { 
		this.balls[i] = new Ball(parent, text); 
		this.balls[i].firework = this; 
		this.balls[i].index = i; 
		this.balls[i].hide(); 
	} 
}
Firework.prototype.tick = function() { 
	this.total++; 
	if (typeof this.ontick == "function") this.ontick(this); 
	for (var i = 0; i < this.balls.length; i++) { 
		if (!this.balls[i].visible) continue; 
		if (typeof this.onballmove == "function") 
			this.onballmove(this.balls[i]); 
		else this.balls[i].move(); 
	} 
	var self = this; 
	this.timer = setTimeout(function() { self.tick(); }, 10); 
}
Firework.prototype.stop = function() { 
	if (!this.active) return; 
	this.active = false; 
	clearTimeout(this.timer); 
	for (var i = 0; i < this.balls.length; i++) 
		this.balls[i].hide(); 
	if (typeof this.onstop == "function") this.onstop(this); 
}
Firework.prototype.replay = function() { 
	this.stop(); 
	this.active = true; 
	this.selected = -1; 
	this.total = 0; 
	this.tick(); 
	if (typeof this.onreplay == "function") this.onreplay(this); 
}
var firework = new Firework(document.body, "●", 32, 15, 7.5); 
firework.alpha = 0.5 - Math.random(); 
firework.offset = Math.random() < 0.5 ? +1 : -1; 
firework.ontick = function () { 
	if (this.total % 10 == 0) { 
		var h = document.body.clientHeight || document.documentElement.clientHeight; 
		var w = document.body.clientWidth || document.documentElement.clientWidth; 
		this.selected = (this.selected + 1) % this.balls.length; 
		var alpha = this.alpha + 1 / this.balls.length * this.offset; 
		if (alpha < -0.5 || alpha > 0.5) this.offset = -this.offset; 
		this.alpha = alpha; 
		this.balls[this.selected].update( 
			typeof this.color == "undefined" ? Math.random() * 360 : this.color, 
			w / 2, h, 
			this.size, Math.PI * 1.5 + this.alpha * 2, this.speed, 0.5 
		); 
		this.balls[this.selected].show(); 
	} 
} 
firework.replay();
var firework2 = new Firework(document.body, "●", 15, 20, 12.5); 
firework2.ontick = function () { 
	if (this.total % 50 == 0) { 
		var h = document.body.clientHeight || document.documentElement.clientHeight; 
		var w = document.body.clientWidth || document.documentElement.clientWidth; 
		var ball = firework.balls[Math.floor(firework.selected + firework.balls.length / 2) % firework.balls.length]; 
		if (!ball || !ball.visible) return; 
		ball.hide(); 
		for (var i = 0; i < this.balls.length; i++) { 
			this.balls[i].update( 
				ball.color, 
				ball.x, ball.y, this.size, 2 * Math.PI * Math.random(), Math.random() * this.speed, 1.5); 
			this.balls[i].show(); 
		} 
	} 
} 
firework2.replay(); 
</script> 
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

【上篇】AjaxControlToolKit的ModalPopup控件在GridView中的使用
【下篇】easyUI Draggable

作者: feral

该日志由 feral 于11年前发表在综合分类下，最后更新于 2013年10月12日.
转载请注明: 【编程游戏】贺岁放礼花。（点燃续帖1-188楼zswang的焰火） | 学步园 +复制链接

抱歉!评论已关闭.

学步园

【编程游戏】贺岁放礼花。（点燃续帖1-188楼zswang的焰火）

作者: feral

书签

最新文章New

本站推荐

返回首页