设计｜生活｜发现新鲜 » 把你的浏览器变成乒乓游戏
function dochange(){
event.srcElement.style.background = "#f3f3f3";
}
function doRes(){
event.srcElement.style.background = "";
}
//');
//]]>
.commentwarrior li *{vertical-align:middle;}
.commentwarrior li{border:none; float:left; width:50%;}
.commentwarrior li img{margin-right:5px;}
.commentwarrior img, .commentwarrior img.avatar{margin-right:6px;margin-bottom:6px;}
.editComment, .editableComment, .textComment{ display: inline;}.comment-childs{border-top: 1px solid #dddddd;border-bottom: 0px solid #000;margin: 5px 10px 10px 80px;padding: 5px 0 0 0;background: #ffffff;}
很抱歉，这几日比较忙，三周年活动结果的公布延迟至25日~ 公布后随即开始礼品发放 :-) 圣诞快乐！2009.12.23
/* */
把你的浏览器变成乒乓游戏Friday, December 25th, 2009
这个在线小程序可以把你的浏览器窗口变成乒乓游戏。可玩性且不讨论，这次不是在浏览器里玩儿游戏，而是把浏览器变成游戏，这想法本身倒是创意之举。去试试咯~
也许相关的创意：
乒乓卫衣，来一场火花游戏有腿的桌子都是乒乓球桌我想有一扇乒乓门LIGHTS PONG: 美轮美奂的灯具设计 不错 (3)一般 (1)无聊 (3)
Posted in 有趣新鲜 | 2 Comments »
订阅到 | ，收藏到QQ书签 | del.icio.us | Google
上一篇：内置延长线的电源插座
下一篇：你好，身高
var EYES99 = {
MAX_DIST : 20, // furthest pupil can move from center
EYE_RADIUS : 39, // half the width of the eye image
PUPIL_RADIUS : 2, // half the width of the pupil image
pupils : [],
init : function() {
var app = EYES99;
// setup our mousemove handler
if (document.addEventListener) {
document.addEventListener("mousemove", app.moveEyes, true);
} else if (document.attachEvent) {
document.attachEvent("onmousemove", app.moveEyes);
}
// grab references to the pupils
app.pupils = [ _gel("EYES_pupil099"), _gel("EYES_pupil199") ];
// Call uninit when leaving page to cleanup the handlers
_IG_AddEventHandler("unload", app.uninit);
},
uninit : function() {
var app = EYES99;
// clean up our handlers
if (document.addEventListener) {
document.removeEventListener("mousemove", app.moveEyes, true);
} else if (document.attachEvent) {
document.detachEvent("onmousemove", app.moveEyes);
}
},
moveEyes : function(e) {
if (!e) e = window.event;
var app = EYES99;
for (var i = 0; i < app.pupils.length; i++) {
var pupil = app.pupils[i];
// The middle points of the eyes
var midx = app.getPagePos(pupil.parentNode,true) + app.EYE_RADIUS;
var midy = app.getPagePos(pupil.parentNode,false) + app.EYE_RADIUS;
// The distX/distY from eye middles to the mouse
var distX = e.clientX + document.documentElement.scrollLeft - midx;
var distY = e.clientY + document.documentElement.scrollTop - midy;
// The absolute distance from eye middles to the mouse
var dist = Math.sqrt(Math.pow(distX, 2) + Math.pow(distY, 2));
if (dist > app.MAX_DIST) {
// mouse out of eyeball, scale distX/distY to be at eyeball edge
var scale = app.MAX_DIST / dist;
distX *= scale; distY *= scale;
}
// Place the pupil appropriately
pupil.style.left = parseInt(distX + app.EYE_RADIUS - app.PUPIL_RADIUS) + "px";
pupil.style.top = parseInt(distY + app.EYE_RADIUS - app.PUPIL_RADIUS) + "px";
}
},
// get page coords for an element
getPagePos : function(el, left) {
var val=0;
while(el != null) {
val += el["offset"+(left?"Left":"Top")];
el = el.offsetParent;
}
return val;
}
};
EYES99.init();
无需注册，即刻发表您的看法！(2)条评论
米青 / Dec 26th, 2009 20:38 1
怎么玩啊，玩不了啊
[Reply]
/ Dec 26th, 2009 21:42 2
看了半天，不会玩
[Reply]
想要在评论时显示头像？
名号*:
E-mail:
URL:
Please note：如果您的评论包含链接，防Spam插件可能推迟您的评论显示的时间，请等待84的审核，在此期间您无需重新提交相同的回复.
点击取消评论
/* */
/* */
Follow us:
Catelogs
有趣新鲜 (1059)
产品设计 (852)
创意生活 (312)
创意家居 (288)
创意广告 (54)
先锋数码 (43)
store (28)
分享生活 (18)
小游戏 (11)
20 (2)
浏览月份归档
Recent Design