设计｜生活｜发现新鲜 » Blog Archive » 电子尺
.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;}
Loading fanfou status...
收藏阳光的罐子
LivingColors
新奇牙膏纸巾抽
复古不锈钢小闹钟
快乐牛奶杯灯
导演打板闹钟
他和她的故事
北欧书本造型纸巾盒
Catelogs Blogging (71)
store (20)
wordpress (29)
先锋数码 (39)
分享生活 (19)
创意家居 (278)
创意广告 (54)
创意生活 (275)
听音乐 (3)
小游戏 (11)
工业设计 (732)
有趣新鲜 (906)
看电影 (12)
话题广告 (20)
[ 按照月份浏览归档 ]
Blogroll
臭豆成员站点
设计｜生活｜发现新鲜 >> 关注一切有趣新鲜的设计／产品／创意／事物 …
电子尺
这根看起来没有刻度的木条，其实是一把能够精确到毫米的尺子，看起来是不是很神奇呢？铅笔在边缘移动，藏在边条里的感应器就会反馈出铅笔停留处的刻度，通过隐藏在面板下的LED显示出来。下面是一张透视图。
designer：
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();
上一篇：水果便签本
下一篇：给椅子穿上小袜子
本文已有4 条评论,你也说点什么?
nox / Jul 6th, 2009 9:04 1
弃简就繁，不好，不好。把一种确定变成不确定，它只能量直线笔迹的长短，神奇则已，没啥用。
还是老问题：如果一个设计而它基本上没啥用，它还是设计否？
[Reply]
/ Jul 6th, 2009 14:46 2
不错。。但精度控制呢？
[Reply]
michael / Jul 6th, 2009 16:46 3
这个是不是只能在铅笔停住的时候 才能显示呢还是边画的时候边显示,即使边画的时候边显示的话,要是万一画过了头 修改的话 那不是又很麻烦,感觉是有点弄繁了.
[Reply]
/ Jul 7th, 2009 11:24 4
要是没电就傻眼了！
[Reply]
你或许想说点什么
留下你的名号(required)
电子邮箱(不会被公开)(required)
留下你的网络地址以便84能回访到你
Please note：如果您的评论包含链接，防Spam插件可能推迟您的评论显示的时间，请等待84的审核，在此期间您无需重新提交相同的回复.