编者按:我们经常使用3D效果。今天，作者教大学生用axure制作3D效果。以三维世界地图为例，简要阐述了用axure制作三维原型的技巧。我们来看看。

第一，Axure产生的3D效果

原型预览地址:https://7w42g3.axshare.com/

上图是axure制作的3D地图效果，大家都可以体验一下，主要是利用图片+动态面板的效果。开始教书吧。

第二，准备材料

素材:地球各个角度的图片，图片越多效果越好，作者大概是3度的一张图片；有专业器材自己拍的话，没有的话可以网上下载。

1.axure内部材料

材料一:纽扣:一左一右。

材质2:图片成分:1。把图片变成动态面板(命名为内面板)，然后倒第一张图片。

将按钮放在相应位置，如下图所示:

然后复制内面板的面板状态，图片多少复制多少，如下图。

完成后，将图片素材依次倒入相应的动态面板。

材料三:动态面板(命名为圆形面板)用于实现地图自传的效果，这将在后面的交互中详细描述。这里，面板中有两个状态。

第三，互动设置

1.左右按钮的交互设置

鼠标点击右键，内面板的状态设置为next，循环向后。

当鼠标点击左键时，内部面板的状态设置为上一个，循环向前。

2.左右拖动鼠标来设置交互

在内面板拖动鼠标时，需要判断鼠标是左滑还是右滑，用[[DragX]]判断。

如果[[DragX]]>0，即右滑动，这时触发右按钮鼠标单击时即可；如果[[DragX]]<0，即左滑动，这时触发左按钮鼠标单击时即可。

3.按下键盘左右方向键时的交互式设置

当按下翻页键时，如果↓(左方向键)被按下，那么鼠标点击就可以触发左键；如果按下→(右方向键)，当鼠标点击时可以触发右键。

4.循环面板交互式设置

首先，确保循环面板有两种或更多种状态，面板中不需要放置任何组件。

加载循环面板时，我们将面板的状态设置为下一个，反向循环的循环间隔为30毫秒。这里的时间是转速时间，可以根据实际情况自行设定。

当循环面板的状态改变时，可以在鼠标右键点击时触发。

5.停止自动循环交互式设置

接下来我们要实现鼠标移入时停止旋转，移出时开始旋转的效果。

首先将页面中的所有原型组合成动态面板(命名为外部面板)，当鼠标移入时，设置循环面板的状态停止循环；当鼠标移出时，触发循环面板加载时的事件(触发循环的开始)。

这就是我们在这一期的全部内容。感谢阅读。