设计｜生活｜发现新鲜 » 神奇的影子
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;}
总算回来了~ 很无辜被卷入“移动机房IP门”中断访问达4天之久，感谢期间联络84询问的朋友们~2009.11.28
/* */
神奇的影子Tuesday, December 15th, 2009
固定在墙面上的数字和字母，高高低低各有不同，如果关掉灯光，你会觉得这完全是毫无头绪的散布，在特定位置灯光的照射下，则会出现令人诧异的景象：这些字母和数字投下的暗影居然是幅人像画，作品，下文多图。
↑ 这是84两年前分享的另一组类似创意，点此查看更多。
也许相关的创意：
Flash小游戏: Shadow FactoryShadows Art: 神奇的影子，是垃圾还是艺术？ 不错 (22)一般 (3)无聊 (2)
Posted in 有趣新鲜 | 3 Comments »
订阅到 | ，收藏到QQ书签 | del.icio.us | Google
上一篇：不锈钢 MTR香港地铁线路图
下一篇：烧钱玩酷！3D面部识别门锁
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();
无需注册，即刻发表您的看法！(3)条评论
EMMA / Dec 15th, 2009 12:56 1
最爱第3、4张，很有感觉
[Reply]
kukr / Dec 15th, 2009 14:13 2
第三张真好
[Reply]
melodyfangtasy / Dec 16th, 2009 17:05 3
这个实在太牛了！~要设计出这样的图形非常费工夫吧~
[Reply]
想要在评论时显示头像？
名号*:
E-mail:
URL:
Please note：如果您的评论包含链接，防Spam插件可能推迟您的评论显示的时间，请等待84的审核，在此期间您无需重新提交相同的回复.
点击取消评论
/* */
/* */
Catelogs
有趣新鲜 (1057)
产品设计 (843)
创意生活 (312)
创意家居 (288)
创意广告 (54)
先锋数码 (43)
store (26)
分享生活 (18)
小游戏 (11)
浏览月份归档
Recent Design