木疙瘩教程:“拍宇航员”h5案例制作过程
1、添加素材:新建“背景”图层添加背景图片素材、文本框素材、圆圈素材新建“按钮”图层添加拍照按钮图片素材新建“宇航员”图层添加宇航员图片素材调整各个素材大小、位置如下图,输入文本框内容为“0”


4、命名定时器为“up”

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

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

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

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

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


声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:79
阅读量:24
阅读量:82
阅读量:34
阅读量:28