# 陀螺仪 在工具栏内的“控件”工具栏下找到“陀螺仪”按钮,点击选中,在“舞台”上生成一个陀螺仪 ![](https://box.kancloud.cn/e750666bf5101d53b75f3a0490f68124_800x581.png) 可在其“属性”面板下调整陀螺仪的各个属性,例如为其命名为“陀螺仪”,改变其颜色、文本内容、陀螺仪类型(绕X轴旋转角、绕Y轴旋转角、绕Z轴旋转角) ![](https://box.kancloud.cn/88ea3fb4bdc8d6cfa139727e107aa39e_800x542.png) 因为陀螺仪功能只限定于手机,PC端无法演示,因此可先保存作品,将其命名为“陀螺仪”,通过“通过二维码共享”功能生成二维码,用手机扫描进行查看 ![](https://box.kancloud.cn/1ebfc33bddd2582cb3ea31bff3ab4d1c_800x582.png) * * * * * 陀螺仪的数值关联:陀螺仪的数值可以关联到任何物体的任何数值性元素,接下来我们以一个“陀螺仪关联图片左坐标”的案例来解释陀螺仪数值的提取方法。 如下图,添加一张图片至“舞台”,点击“陀螺仪”按钮添加一个陀螺仪至“舞台”,为方便清楚观看,改变陀螺仪填充色为白色。 ![](https://box.kancloud.cn/d270be022968dbaaf7e69f5278155f1a_800x418.png) 在“属性”面板下改变陀螺仪的类型为“绕Y轴旋转角” ![](https://box.kancloud.cn/125027f6ae917e8c066b758d94f75e51_800x517.png) 点击选中“舞台”的图片,在图片“属性”面板下找到“左”数值右边的“关联”按钮,点击。 ![](https://box.kancloud.cn/971e3435e0fa16eb2edf16d16986d3a3_800x533.png) 在“左”的关联下拉菜单下设置关联属性: 关联对象:“陀螺仪” 关联属性:“文本取值” 关联方式:“自动关联” 当主控量=“-50”时被控量=“0” 当主控量=“50”时被控量=“649.8”(图像的极左值) ![](https://box.kancloud.cn/7197c7b7f2d32b97d7d576fb3681748f_800x466.png) 点击“保存”,通过扫描二维码查看我们的作品,晃动手机即可看到图片与陀螺仪数值变化的关联情况。 ![](https://box.kancloud.cn/ef803759170aa011ad748ac91a22167c_800x537.png) 观看本节视频教程: http://cdn1.mugeda.com/course/3/3.5/3.5.1.mp4