内含源码 | 2小时开发一款H5游戏

在昨晚的Cocos直播间里,Creator黄金颜值组合现场直播开发H5游戏,大家看得还过瘾吗?

1fec1f273e61f959b6e50564dd5b5882.jpeg

主播Jare和熏依

昨晚,主播从零开始讲解了一个打飞机游戏的开发流程,帮你用最快速度熟悉Creator基础开发流程,分分钟涨姿势。Jare 老司机现场翻车不断,还好每次都有惊无险,两小时刚好实现了一个这样 demo。这个范例主要是面向 Creator 初学者,因此没有包含太多复杂的逻辑。

5115822b4cc980ac906564d3f5232692.jpeg

Jare先搭建了基础场景,然后实现了玩家飞机的移动控制和左右翻转效果,接着制作子弹发射效果,以及敌机和相应的碰撞检测。眼看直播就快结束,他还演示了如何让程序和动画系统同时控制飞机喷射出来的火焰。

044a6c7a940fd3481d25946581c6e03d.jpeg

Jare 表示,有机会的话会在今后的直播中继续完善这个游戏。同时,他也为大家总结了H5游戏开发的5个小技巧:

  • 在 Canvas 上监听 touch 事件获取玩家输入

  • 使用对象池来优化子弹的创建和销毁

  • 使用 Game 组件来控制全局逻辑,使用 Level 组件来控制关卡逻辑

  • 将容易复用的行为实现为独立的 Tracer 组件

  • 设置 cc.view.enableAntiAlias 来展现像素风格

源码地址:

https://github.com/jareguo/game-space-shooter

c3b2a30ec8171b65f9196550db2d3654.gif

有一些资深的小伙伴给我们留言:“感觉直播的课程都讲基础的内容”,也有些小伙伴觉得老打飞机提不起劲来。下面Cocos君要告诉大家一个重磅消息!!

cfcc10417a6e447705583339f09087ad.gif

从下周二起,老司机王楠将带领大家从零实现一款内容丰富又好玩的游戏!重要的是,这款游戏的内容完全由大家来决定!你来指点方向,老司机负责开车,想想是否很激动呢~?

赶紧在下面留言,把你的脑洞告诉我们,让这个游戏更为丰富精彩!

201906ccb6e1c257ab1e9984b8149a4e.jpeg
此图由引擎第一帅Jare倾情制作

下周二晚8点,一起见!证!奇!迹!

047fdff048b1c7ca70641e9ae317702f.jpeg

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值