H5软件教程:Epub360实现元素拖放到指定位置触发动画
6页H5里可实现多种交互手势,其中就包括拖动,今天我们来介绍一下,如何使用epub360实现在H5里拖动元素到指定位置触发动画的效果,如下图:二、应用场景拖放目标是一个容器组件,可以置入允许拖动的图片,并触发相应的事件。使用这个组件,会给交互带来趣味性,也可以结合一些逻辑判断。三、素材准备至少准备2个元素图片,碰撞素材与被碰撞素材。四、组件用法基本用法1.高级组件中找到并添加“拖放目标”组件,调整为合适的大小2.调整拖放目标组件的位置、大小。3.添加一张图片,设置为可拖动的图片,在右侧面板勾选“可拖动”4.勾选好可拖动,下方可以设置拖拽的属性,决定拖拽途中元素的动作;还可以对元素的拖拽方向做出限制,这里我们就不另外设置了,使用默认即可。5.选中拖放目标,添加图片为正确置入元素。还可以勾选“仅限正确元素置入”,增加趣味性。5.给火箭添加一个飞出动画,目的是当火箭放在拖放目标里时,可以有一个飞出去的效果。注意:动画设置为等待触发,目的是让火箭动画不要早早的自己播放了。6.再次选中拖放目标,添加正确置入时的响应操作,即火箭拖动到目标区域时,播放飞出动画。7.注意事项:拖放目标组件和可拖动图片的初始位置不能相同。=
《H5软件教程:Epub360实现元素拖放到指定位置触发动画》由会员ep****0分享,可在线阅读,更多相关《H5软件教程:Epub360实现元素拖放到指定位置触发动画》请在金锄头文库上搜索。
点击阅读更多内容
TA的资源
新上传的WORD文档
最新标签
信息化课堂中的合作学习结业作业七年级语文
发车时刻表
长途客运
入党志愿书填写模板精品
庆祝建党101周年多体裁诗歌朗诵素材汇编10篇唯一微庆祝
智能家居系统本科论文
心得感悟
雁楠中学
20230513224122
2022
公安主题党日
部编版四年级第三单元综合性学习课件
机关事务中心2022年全面依法治区工作总结及来年工作安排
入党积极分子自我推荐
世界水日ppt
关于构建更高水平的全民健身公共服务体系的意见
空气单元分析
哈里德课件
2022年乡村振兴驻村工作计划
空气教材分析
五年级下册科学教材分析
退役军人事务局季度工作总结
集装箱房合同
2021年财务报表
2022年继续教育公需课
2022年公需课
2022年日历每月一张
名词性从句在写作中的应用
局域网技术与局域网组建
施工网格
薪资体系
运维实施方案
硫酸安全技术
柔韧训练
既有居住建筑节能改造技术规程
建筑工地疫情防控
大型工程技术风险
磷酸二氢钾
2022年小学三年级语文下册教学总结例文
少儿美术-小花
2022年环保倡议书模板六篇
2022年监理辞职报告精选
2022年畅想未来记叙文精品
企业信息化建设与管理课程实验指导书范本
草房子读后感-第1篇
小数乘整数教学PPT课件人教版五年级数学上册
2022年教师个人工作计划范本-工作计划
国学小名士经典诵读电视大赛观后感诵读经典传承美德
医疗质量管理制度 2
2022年小学体育教师学期工作总结
相关文档 更多>
2023-09-09 57页
2021-06-24 6页
2021-06-23 16页
2021-06-23 8页
2021-06-23 15页
2021-06-23 7页
2021-06-23 12页
2021-02-22 5页
2021-02-22 5页
2021-02-22 6页