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

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

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

文章插图

2进入工作台 , 点击左上角的“+” , 建立第一个作品
零代码怎么制作一个端午节H5小游戏页面

文章插图

3【零代码怎么制作一个端午节H5小游戏页面】我们把元素添加到画布上 , 摆放好 , 添加计时器 , 给“粽子”元素添加飞出动画 , 顶部 , 设置期待触发
零代码怎么制作一个端午节H5小游戏页面

文章插图

4给每个元素添加飞入动画 , 并把每一个飞入动画放在动画组里 , 设置与上一个一路起头
零代码怎么制作一个端午节H5小游戏页面

文章插图

5给每个飞出动画 , 动画竣事时触发飞入的动画组
零代码怎么制作一个端午节H5小游戏页面

文章插图

6添加碰撞组件 , 绑定碰撞元素和方针元素
零代码怎么制作一个端午节H5小游戏页面

文章插图

7在碰撞侦测组件碰撞时 , 触发播放飞出动画
零代码怎么制作一个端午节H5小游戏页面

文章插图

8在碰撞侦测组件碰撞时 , 参数变量+1 , 就是游戏得分加1
零代码怎么制作一个端午节H5小游戏页面

文章插图

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

注重事项注重利用谷歌浏览器建造
参数变量的类型需如果数值类型

以上内容就是零代码怎么制作一个端午节H5小游戏页面的内容啦 , 希望对你有所帮助哦!

    推荐阅读