ThreeJS 鼠标跟随【Authorware中也能做鼠标跟随】

Authorware中也能做鼠标跟随

Authorware中也能做鼠标跟随 鼠标跟随?没搞错吧?这东西好象在Flash作品中常见,在Authorware中也 能做吗?呵呵,当然能做了。而且制作个带动画效果的,也很简单呢! 先说说原理吧!要知道,在Authorware中提供了很多的系统函数和系统变 量,好好地利用它们,我们就可以制作出一些很不错的效果。比如我们这次就用 到了两个关键的系统变量:CursorX和CursorY。前者表示当前鼠标位置距窗口左 边框的象素数,而后者则表示当前鼠标位置距窗口上边框的象素数。而要做鼠标 跟随,最要紧的不就是捕获到鼠标的位置吗?有了这两个数据,咱们制作起来当 然就方便了。

实现效果:
当鼠标在窗口中运动时,会有一串串的圆跟踪而至,如同水泡一样;
而当 鼠标静止不动时,则会有依次变大的同心圆往复变化。

实现过程:
制作这样一个效果,其实有四步就可以搞定了。

第一步:放一个计算图标到主流程线上,双击打开其输入窗口,输入:x=1 第二步:放一个交互图标到主流程线上,然后放一个计算图标到其右侧, 在弹出的“Response Type”对话框中,选择“Conditional”,如图1所示。将该计算 图标命名为“x=1”(此处命名切记要在英文状态下输入啊)。

第三步:双击“x=1”计算图标,打开其输入窗口,输入如下内容:
R:=10 repeat while R=40 SetFrame(1,RGB(255,0,0)) Circle(1,CursorX-R,CursorY-R,CursorX+R,CursorY+R) R:=R+4 xx:=0 repeat while xx5000 xx:=xx+2 end repeat end repeat 第四步:双击计算图标上方的小等号,打开“Properties:Response”对话框,在“Conditional”选项卡中,将“Aumatic”的值改为“When True”;
在“Response”选项 卡中,将“Branch”的值改为“Continue”。其它采用默认设置。

好了,完成了。只有四步,就这么简单。执行一下,您也看看效果? 如果您想做的是文字的鼠标跟随,那么您只需要做如下的修改:
1、在交互图标的前面,加一个显示图标,双击打开其演示窗口,在适当 的位置写下文字,比如“赛迪网电脑应用频道”,调整好字体、大小和颜色等。

2、将上面操作中第二步的计算图标改为运动图标,命名不变,仍为“x=1”。

先打开刚才那个显示图标,关闭后,再双击运动图标,则同时打开运动图标的属 性对话框和刚才的显示图标的演示窗口,用鼠标单击一下显示图标演示窗口中的 文字,然后在运动图标的属性对话框的“Layout”选项卡中,将“Destination”处“X” 的值改为“CursorX”,将“Y”的值改为“CursorY”。如果您希望鼠标跟随的速度能 快一点的话,还可以将“Motion”选项卡中“Timing”输入框中的值改小一点。

好了,有了这些修改,您就可以做出文字跟随效果了。