2006 05-30
评论(0)
webpage as graphic
May 30th, 2006
今天看到这样一篇有趣的文章webpage as graphic.基本思想是:网站中的页面会有许多tag也就是我常说的标签,有人编写了一个程序将这些标签渲染成不同的图形结构.很有新意.如下图为google网站的tag 标签图.你也可以输入自已的网站,查看结果,但要求你必须装有java运行环境.
如下为其它几个网站的渲染图:
msn.com
apple.com
var speed=1.1;
MovieClip.prototype.easeX = function(x){
this.onEnterFrame = function(){
this._x = x-(x-this._x)/speed;
if(Math.abs(x-this._x) < = 1){
delete this.onEnterFrame;
this._x = x;
}
}
}
_root.onEnterFrame = function(){
if(this.mask.hitTest(_root._xmouse,_root._ymouse)){
slide();
}
}
slide= function(){
target = -_xmouse/Stage.width*(this.container._width-Stage.width);
this.container.easeX(target);
}
有两层,上面一层是遮罩Mc名为,mask,下面一层是图形或是menu movieclip.名为container.将代码粘到一个新层as的第一帧上.ok.
源文件在论坛
上.
BTW: ws forum上来了深圳的很棒小伙showping做为论坛的版主,是几日来最开心的事了, showping主要从事flash游戏开发.有业务到论坛上找他.:)
ps: showping 精简了代码. great ! 已对上面的代码作了更新.