一个人,仅30天!开发一款3D竞技足球游戏!他究竟经历了些什么?

今天,晓衡向大家推荐一款Coco Store 优质 3D足球竞技游戏 资源《足球快斗》

玩法介绍:游戏为 7V7 足球竞技类玩法。玩家控制本队的一个球员(脚下高亮圆圈显示的是玩家),其他球员和守门员为电脑AI控制,期间可以玩家可以换人(A按钮换人,可以换到离球最近的本队球员),最后5分钟内进球多的队伍获胜,一样分数则为平局。

0034471f0b9f8feef1908077dbe6be99.jpeg

游戏是由 Cocos Creator3.6.2 引擎开发,作者 Rock 已经将游戏上架 Cocos Store与微信小游戏,以下是 Rock 的分享,希望对你有所帮助和启发!

01 角色

游戏开发,对于像我这样的个人开发者来说,最缺的就是可商用的模型资源!由于本人非美术出身,只能说弄的越简单越好,那就先从人物设计下手:

8c98c603d929d8d5cd1903b0e0062329.png

设计好模型后上色,我没有用贴图,因为要上微信小游戏,尽量让资源更小,直接给面设置材质ID,然后赋给不同的颜色就行了:

a1f91d7b6e76e7c9ef71531dce3f2d47.png

面部贴了一个平面上去用于贴表情,这么做的好处是以后可以动态换表情c788e0c03244a26c3bc9bc9d01dcbefe.png,只需要变换面部贴图就行了,当前面部就简单的画了一个表情:

59b227bc21eb56728b9979aa9c7f1afc.png

02动作

接来来是重头戏,人物动作设计,当然少不了这个良心网站 mixamo!

5d325f1854814b1b7d1521dae8e625c3.png

只需要上传做好的模型,在模型上选几个关键位置,网站可以智能的给模型绑定骨骼,不用自己做骨骼,蒙皮,刷权重了。

甚至网站上有各种动作可以直接赋给模型,然后保存成 FBX 格式就可以导入CocosCreator 使用。或者你也可以使用其他 3D 软件再做修改,重点是全部免费,现在很多游戏的人物动作都是从这里下载的。

bacc4f82472b933a80b49864cb400493.png


03 场景

好不容易搞定人物,然后开始在 Blender 中手撸游戏场景素材,不到一周时间建模水平直线上升!

c6634e6bd82daf28978e65cae2202d11.png房子‍690c9847fc016ff29bc7066543edafa0.png看台b0cb936a2d11e73d7c3175ea97444436.png球门c5cf1fdc742842848edef0f5ef778a2f.png围栏

场景是各个部分做好之后在 Cocos Creator 中拼凑而成的,据说这样对性能不是很好。最好就是整个场景做好再一起导入引擎,但是我还是喜欢在 Creator 引擎里搭建,秉着自己能干的活不麻烦别人的原则嘛。

所有能用方块拼凑的模型我都用 Cocos Creator 自建MESH来做了,最后搭好的样子,感觉还不错吧!

fa677774a4e6eb2cc95c8d55f1f45a2d.png

 
04 技术要点

游戏代码这次分享就不贴了,整个游戏没有用物理引擎,都是 碰撞检测 手撸运动逻辑,主要难点有:

    • 球的滚动

    • 抛物线远射

    • 碰到物体反弹

    • 人物的运动

    • 守门员逻辑

这里要多说两句,因为这是一个 3D 的游戏,守门员逻辑是最为繁琐的。不单单要守地面的球,还有来自空中各个方向的球,这就要守门员预先判断球的运动轨迹然后堵截它。

好了,以上就是我用 Cocos Creator 3.6.2 开发这个3D足球小游戏的心得,总体来讲还是挺顺利的,没遇到什么大问题。后续我会将该游戏相关技术细节再做分享。

游戏已经上架微信小游戏,支持微信小游戏代码授权,有想上其他平台的小伙伴可以购买源码自行适配。

后续还会持续更新迭代这个游戏,还请大家多多支持!

28b5c6dd2053ae3b58a4a1d70db51ce1.jpeg

扫码进入游戏

在此感谢 Rock 的分享,晓衡邀请作者参与 Cocos Store 双12活动,从今天12月7日 ~ 12月12日 期间《足球快斗》 6.6折上新促销!

cefca8598c11615b179f6baae2968d3f.jpeg

商城链接:
https://store.cocos.com/app/detail/4340

Cocos官方微店:
https://weidian.com/?userid=1157275030

往期精彩

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值