木疙瘩教程：“拍宇航员”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”，设置分数与“宇航员”位置相关可点击“预览”不雅察结果
9
可点击“保留”
10
选中所有图层的第2帧“插入帧”
11
在“节制”图层的第2帧“插入关头帧”，删除关头帧上的两个节制元素
12
为摄影图片按钮设置编纂行为：“跳转下一帧”行为：“动画播放节制”→“下一帧”→触发前提：“点击”“暂停”行为：“动画播放节制”→“暂停”→触发前提：“呈现”
13
在“按钮”图层第2帧“插入关头帧”，删除关头帧上的摄影按钮图片素材
14
同时，在“按钮”图层第2帧上点击添加一个文本框素材，输入文字内容“再来一次”，调整文本框巨细、位置、字体、颜色等属性
15
为“再来一次”文本框添加编纂行为：“动画播放节制”→“上一帧”→触发前提：“点击”“属性节制”→“改变元素属性”→触发前提：“点击”，设置“参数”为元素名称：“分数”元素属性：“文本取值”赋值体例：“用设置的值替代现有值”取值：“0”点击“确认”
16
点击“预览”不雅察结果