注:本教程已由闪客帝国的编辑修改
一、效果预览
二、建立四个层,如下图所示
详细说明:在该教程中,要想通过下面的as语句实现预览中的效果,需要设置四处坐标为(0,0)。
(1)分别设置圆、四倍图像在本元件(mask,large)中的x、y坐标为(0,0)。如图:
(2)将大小两个图片在场景上的位置坐标设定为(0,0),如图:
三、填写as
算法讲解:
mask._y=_ymouse-[mask圆的半径]和mask._x=_xmouse-[mask圆的半径]用来实现遮照圆随着鼠标的移动而移动,同时将鼠标指针定位于遮照圆mask的中心点。原理解释如图:
如果该圆在元件中的x,y坐标在圆的中心点上,则不需要减去r,代码修改为:mask._x=_xmouse;mask._y=_ymouse;
large._x=[1-放大倍数]*_xmouse和large._y=[1-放大倍数]*_ymouse用来实现大图片随着鼠标的移动而移动,它的坐标是鼠标坐标的[1-放大倍数]倍。原理如图:
[·源文件下载·]
[·参加讨论·]
Java Asp PHP .Net XML C/C++ CGI VB Jsp J2ee J2se J2me EJB Servlet Tomcat Resin Struts Weblogic Eclipse ANT GUI JMS Web servise IDEA Webphere Hibernate Spring Jboss Applet Swing Socket Javamail Perl Ajax P2P 安全 模式 框架 测试 开源 游戏
Windows XP Windows 2000 Windows 2003 Windows Me Windows 9.x Linux UNIX 注册表 操作系统 服务器 应用服务器