零代码怎么制作一个端午节H5小游戏页面

六月已经过了三分之一,“粽子节”也马上要到了,每当这时候,又到新媒体运营人和设计师头秃的时刻,在传统的节日里,如何把传统的节日使用互联网元素表现,让更多的年轻人能够参与进来,H5这个形式或许是个不错的选择,而小游戏又容易让用户参与和分享。今天我们介绍这样一款零代码的H5平台,市场上零代码的第三方平台很多,但是像意派Epub360这样专业级的工具,能够灵活创作一个场景,并且上手操作门槛极低的还是很少的。

工具/原料

  • 联网的电脑
  • 意派Epub360账号
  • 端午节相关的图片元素

方式/步骤

  1. 1

    网上搜刮 Epub360 ,进入官网注册登录,进入工作台,点击左侧建立第一个空白的H5作品

    e076d77622bc7dc56f07e6ea5e460596b91429fa.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  2. 2

    进入工作台,点击左上角的“+”,建立第一个作品

    506d92f1d8a726334be50056c02c56ee7a7f44fa.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  3. 3

    我们把元素添加到画布上,摆放好,添加计时器,给“粽子”元素添加飞出动画,顶部,设置期待触发

    89402670d5413a8cee6968ba1ffc508c9ace81fa.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  4. 4

    给每个元素添加飞入动画,并把每一个飞入动画放在动画组里,设置与上一个一路起头

    444696013870d5417ded6bbd2e0f94fc518c80fa.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  5. 5

    给每个飞出动画,动画竣事时触发飞入的动画组

    955ea0e434daf05e2eefb4c4751d96d81919e561.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  6. 6

    添加碰撞组件,绑定碰撞元素和方针元素

    d400248ca608a50fde9d9d3910cec7f88b77fffa.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  7. 7

    在碰撞侦测组件碰撞时,触发播放飞出动画

    3bcdb808a50f94fc1bed567b4cf88a775cddfcfa.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  8. 8

    在碰撞侦测组件碰撞时,参数变量+1,就是游戏得分加1

    a749bb0f94fc508cd7af0a4d01775ddd894cfdfa.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1
  9. 9

    上面就是本家儿要的端午节碰撞类型的H5游戏建造了,就可以预览尝尝啦

注重事项

  • 注重利用谷歌浏览器建造
  • 参数变量的类型需如果数值类型
  • 发表于 2020-06-12 19:00
  • 阅读 ( 65 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论