木疙瘩教程：“拍宇航员”h5案例制作过程 _mugeda

【木疙瘩教程：“拍宇航员”h5案例制作过程】本期分享“拍宇航员”本家儿题的h5案例建造方式：

需要这些哦
mugeda
方式/
1添加素材：新建“布景”图层添加布景图片素材、文本框素材、圆圈素材新建“按钮”图层添加摄影按钮图片素材新建“宇航员”图层添加宇航员图片素材调整各个素材大小、位置如下图，输入文本框内容为“0”

文章插图

2为各个素材定名：定名文本框素材为“分数”定名宇航员图片素材为“宇航员”

文章插图

文章插图

3如下图，新建“节制”图层，添加一个按时器，将其移至“舞台”之外，在按时器“属性”面板内设置相关属性：精度：“毫秒”记时偏向：“倒计时”是否轮回：“轮回”不成见时：“暂停记时器”长度：“3”秒

文章插图

4定名按时器为“up”

文章插图

5移动宇航员图片至“舞台”上方，在其“属性”面板下点击“上”属性右边的“联系关系”按钮，鄙人拉联系关系属性菜单下设置联系关系对象：“up”联系关系属性：“文本取值”联系关系体例：“主动联系关系”当本家儿控量=“3”时被控量=“-200”（宇航员在“舞台”上方的位置）当本家儿控量=“0”时被控量=“541”（宇航员在“舞台”下方的位置）

文章插图

6点击“随机数”按钮，在“舞台”上添加一个随机数，为其定名为“角度”，调整最年夜值、最小值别离为“-90”“90”，更新距离为“3”秒

文章插图

7选中“宇航员”，在其“属性”面板下点击“Z轴扭转”属性右边的“联系关系”按钮，鄙人拉联系关系属性菜单下设置联系关系对象：“角度”联系关系属性：“文本取值”联系关系体例：“公式联系关系”被控量=“联系关系属性”即设置了“宇航员”每次的Z轴扭转角度与随机数的文本取值相等

文章插图

8选中文本框，在其“属性”面板下点击字体内容右边的“联系关系”按钮，鄙人拉的联系关系属性菜单栏内设置联系关系对象：“宇航员”联系关系属性：“上”联系关系体例：“主动联系关系”当本家儿控量=“75”时被控量=“0”当本家儿控量=“175.7”（宇航员在圆圈正中间位置）时被控量=“100”当本家儿控量=“275”时被控量=“0”，设置分数与“宇航员”位置相关可点击“预览”不雅察结果