体育类游戏,3D 足球射门 ,Cocos Creator 3D 实现,附源码!

  效果预览

体育类游戏,3D 足球射门 ,Cocos Creator 3D 实现,附源码!_第1张图片

 

  获取代码

关注公众号,发送【3D足球】获取代码。

 

  游戏介绍

● 点击屏幕,松开手指,足球就会被踢出去,还缺少力度和方向控制,同时也缺少力度和方向的界面展现,后期完善以后,会进行更新,欢迎继续关注此项目。

 

  工程结构介绍

● 游戏就 1 个场景 game ,所有游戏的元素都放在这个场景上,场景内 3D 元素主要 3 个,球场(使用 3D 平面实现)、足球(使用 3D 球体实现)、球门(柱子使用 3D 圆柱体实现,网使用 3D 四边形实现)。足球和球场,和之前的篮球类似,就是调整放大倍数,设置图片材质就行,主要的是球门。游戏中球门一个圆柱体都赋予碰撞,网的设置有些特殊,下面介绍。

体育类游戏,3D 足球射门 ,Cocos Creator 3D 实现,附源码!_第2张图片

 

● 球门网,由多个 3D 对象构成,球门柱子都是 3D 圆柱体,球网使用了上、后、左、右四个 3D 四边形构成,是通过一点点的网图片平铺设置的。

体育类游戏,3D 足球射门 ,Cocos Creator 3D 实现,附源码!_第3张图片

 

●  球门网,以 后表面的设置设置为例,除了设置材质,需要注意两点:1. 平铺的设置,如下图的①所示,设置以后会根据比例数量进行缩放,注意原图是个方形,拉伸的时候注意长宽比,设置的时候注意比例,网才不会变形,设置的数值越大,网的空越小,反之类似;2.透明度的设置,如下图②所示,默认的设置,透明的位置会显示黑色,改成透明以后,透明位置显示的就是透明的。

体育类游戏,3D 足球射门 ,Cocos Creator 3D 实现,附源码!_第4张图片

                                                                                    球门网组织结构

 

体育类游戏,3D 足球射门 ,Cocos Creator 3D 实现,附源码!_第5张图片

                                        组装网的原图

 

● 游戏核心在足球里,足球内添加了刚体,因为需要模拟重力效果,添加碰撞体,还有主要的游戏逻辑核心 Ball ,游戏里的所有核心功能,都在 Ball 内,场景内所有需要添加弹力和摩擦力的,参考之前的 3D 篮球那篇,具体参数见代码。

体育类游戏,3D 足球射门 ,Cocos Creator 3D 实现,附源码!_第6张图片

                                                                                          足球相关组件关联

 

  给3D对象添加材质

● 足球场的材质就是一张足球图片,网络上可以找一张类似的,根据足球场的长宽比,对 3D 平面进行缩放,然后在资源目录里创建材质,把对应的图片拖拉到材质内即可,注意,材质需要选择图片类型。

体育类游戏,3D 足球射门 ,Cocos Creator 3D 实现,附源码!_第7张图片

                                                                                         足球场材质设置

 

体育类游戏,3D 足球射门 ,Cocos Creator 3D 实现,附源码!_第8张图片

                                               足球场

● 足球的实现,和球场类似,不过我找的图有些不匹配,所以足球看起来不太和谐。

体育类游戏,3D 足球射门 ,Cocos Creator 3D 实现,附源码!_第9张图片

                                                                                            足球材质设置

 

● 球门的网材质设置类似平铺设置和透明设置就行了,主要是注意下球门的柱子和网,摩擦力和阻力设置,区别一下,让球柱子容易碰撞,球网碰撞反应小点。

体育类游戏,3D 足球射门 ,Cocos Creator 3D 实现,附源码!_第10张图片

                                                                                          网的设置

 

体育类游戏,3D 足球射门 ,Cocos Creator 3D 实现,附源码!_第11张图片

                                                                                     球门柱的设置

 

● 后期计划,把力度和方向控制加上,同时在球场上以箭头的方式显示出来,力度越大,箭头伸的越长,力度越小,箭头伸的越短,箭头指向的位置就是足球发射发射出的位置,如果有更新,后续会更新,请关注公众号。

 

微信扫一扫,关注公众号,获取更多代码:

体育类游戏,3D 足球射门 ,Cocos Creator 3D 实现,附源码!_第12张图片

你可能感兴趣的:(Cocos,Creator,3D,游戏代码,游戏开发)