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

添加素材：新建“背景”图层添加背景图片素材、文本框素材、圆圈素材新建“按钮”图层添加拍照按钮图片素材新建“宇航员”图层添加宇航员图片素材调整各个素材大小、位置如下图，输入文本框内容为“0”

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

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

命名定时器为“up”

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

点击“随机数”按钮，在“舞台”上添加一个随机数，为其命名为“角度”，调整最大值、最小值分别为“-90”“90”，更新间隔为“3”秒

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

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

可点击“保存”

选中所有图层的第2帧“插入帧”

在“控制”图层的第2帧“插入关键帧”，删除关键帧上的两个控制元素

为拍照图片按钮设置编辑行为：“跳转下一帧”行为：“动画播放控制”→“下一帧”→触发条件：“点击”“暂停”行为：“动画播放控制”→“暂停”→触发条件：“出现”

在“按钮”图层第2帧“插入关键帧”，删除关键帧上的拍照按钮图片素材

同时，在“按钮”图层第2帧上点击添加一个文本框素材，输入文字内容“再来一次”，调整文本框大小、位置、字体、颜色等属性

为“再来一次”文本框添加编辑行为：“动画播放控制”→“上一帧”→触发条件：“点击”“属性控制”→“改变元素属性”→触发条件：“点击”，设置“参数”为元素名称：“分数”元素属性：“文本取值”赋值方式：“用设置的值替换现有值”取值：“0”点击“确认”

点击“预览”观察效果