微信H5页面交互手指触发如何做

 时间:2024-10-14 08:03:26

1、首先进入工具,打开舞台界面

微信H5页面交互手指触发如何做

2、在舞台上给手印做一个扫描的动画,如下图所示:

微信H5页面交互手指触发如何做

3、新建一个按图层,命名为”按钮“,在仅仗焕卒舞台上画一个矩形,这个矩形的大小能把图层0上的图形遮挡住即可,如下图所示:

微信H5页面交互手指触发如何做

4、把新画的矩形透明度设置为0,如下图所示:

微信H5页面交互手指触发如何做

5、选中按钮层的第1帧,在属性面板上把动作设置为【行为】,点击【编辑】,展开编辑行为对话框,展开播放控制选择【跳转并播放】,把事件设置为【手指按下】;(注释:为什么要在舞台上画一个透骈跪爸锂明的矩形,而不直接使用图片呢?因为长时间按住手机里的图片就会弹出“保存图片”选项),如下图所示:

微信H5页面交互手指触发如何做

6、点击【编辑】,把帧号设置为2,点击确认,如下图所示:

微信H5页面交互手指触发如何做

7、在播放控制里点击【跳转并停止】,事件设置为【手指抬起】,如下图所示:

微信H5页面交互手指触发如何做

8、点击跳转并停止的【编辑】,把帧号设置为1,点击【确认】,如下图所示:

微信H5页面交互手指触发如何做

9、再添加暂停,把事件设置为【出现】,如下图所示:

微信H5页面交互手指触发如何做

10、预览动画,用鼠标按住图形,又快速的抬起鼠标测试,大功告成,如下图所示:

微信H5页面交互手指触发如何做

11、再点击生成就可以了

  • Premiere怎么打开键盘快捷键?
  • 使用ae制作黑板晃动动画的方法
  • Animate如何制作图片切换的动画效果
  • 如何做网站网页?网页制作的方法有哪些?
  • 如何用flash做出一段简易的图形移动动画
  • 热门搜索
    拒绝垃圾食品手抄报 科学小知识手抄报 关于战争的手抄报 欢度国庆手抄报内容 中华经典诵读手抄报 小英雄手抄报 关于春天的手抄报花边 节约水资源手抄报 预防传染病手抄报资料 关于感恩节的手抄报