3D 小游戏《飞跃地平线 Plus》开发分享

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_44053279/article/details/96878621

近日,ID“woskymi”的开发者在 Cocos 社区分享了他采用 Cocos Creator 2.1.2 制作的 3D 小游戏《飞跃地平线 Plus》引发论坛热议。

这款小游戏的策划、美术和程序都是由 woskymi 一个人完成的。今日,woskymi 受邀来到 Cocos,让我们一起来聊聊他的开发故事吧!

C姐:Hi,woskymi,简单介绍一下您开发的这款 3D 小游戏《飞跃地平线 Plus》吧?

《飞跃地平线 Plus》是一款完全基于 Cocos Creator 2.1 研发的 3D 跑酷小游戏。目前只上线了“海面浮冰”这一个奔跑场景,下一版本准备增加一个“海底潜水”飞驰场景。游戏玩法很简单,按住屏幕即可控制主角进行跳跃,躲避障碍物,跑得越远,得分越高,拖拽页面可以更改游戏视角。

C姐:您的本职工作是游戏开发吗?

我是做企业技术管理的,和编程完全不搭界,算是一名业余的编程爱好者吧。只是对于 PHP、JavaScript 比较熟悉,曾经做过公司内部小范围使用的企业办公、数据管理之类的系统。

C姐:那怎么会跑去做小游戏呢

在一行做久了,难免遇到职业瓶颈,找不到工作的激情。“悟以往之不谏,知来者之可追”,大约半年前,看到微信小游戏很火,我就开始尝试着学习游戏开发,希望把爱好变成事业吧。

C姐:为什么选择 Cocos Creator 呢?

没有游戏开发的基础的我,一开始踩了很多坑,也先后研究和使用了国内和国外的好几种有引擎,最后选择了 Cocos Creartor,因为我觉得它最适合我,引擎功能强大,编辑器方便直观容易上手,官方教程很丰富,最值得称赞的是论坛非常活跃,官方答疑很及时,对于初学者的我来说,在开发过程中遇到的问题,大多数都是在论坛找到答案。

C姐:你是如何从零开始学习 Cocos Creator 呢?

初学阶段,建议大家一步步按照官方文档和范例源码来学习,通过文档和源码的学习,我做了几个简单的 Demo,然后用一个多月的时间尝试着做了一款叫“创业富豪”的小游戏。

游戏属于放置经营类,玩法很简单,消耗用户的时间,赚取金币,升级建筑。这款游戏中,图片都做了 PS 压缩处理,总共用了 79 张图,具备完整微信小游戏功能,源码才 3.8M。

C姐:什么时候开始接触 3D 项目开发呢?

通过这个 2D Demo 项目熟悉了 Creator 之后,我就开始尝试做 3D 项目,就是这款《飞跃地平线 Plus》。

相比前一款,这个 3D 项目用的图片就比较少了,素材主要是 Low Poly 低多面体风格的 FBX 模型和材质文件。游戏基本功能实现用了半个月,因为个人美术设计水平真的很有限,美术和特效用时就 1 个月,各种画面尝试,比编码时间长多了。源码 3.1M,开始主要是用 Cocos Creator 2.1.1,v2.1.2 发布之后,就用 2.1.2 重新编辑了一下就上线了。

我是一个游戏开发初学者,技术有限,所以一开始就在考虑,我要怎么才能做出一款像样的游戏呢?我的思路就是在技术上完全采用官方文档,然后各种节点组合搭配粒子特效,追求的就是流畅度和视觉效果。 网上有人说 Creator 做 3d 不好用,我觉得一点问题没有的,起码 3D 物体在一个平面上的移动、碰撞等效果还是非常简单就能实现的。

C姐:游戏里的碰撞是怎么实现的?

《飞跃地平线Plus》中物体碰撞是用 2d 节点下面挂接了 3d 节点,采用 2d 的刚体碰撞检测,实现了跑酷游戏的跑跳效果。

 

本来是想做“上下左右前后”六个方向的碰撞检测,官方教程中的射线检测应该可以做到这个,可惜我没看懂。哈哈,下一步就好好研究研究这个。

C姐:《飞跃地平线 Plus》使用了哪些开发工具呢?

开发过程中用到的 IDE 工具包括(仅供参考):  Cocos Creator、Particle2dx 免费在线工具、Cinema 4D、Photoshop、Google Chrome、Sublime Text 、微信开发者工具。

Particle2dx 免费在线工具很好用,可以做出各种粒子特效,在此强烈推荐一下,《飞跃地平线Plus》中奔跑产生的尘土、烟雾、星辰、光圈等,都是用这个做的。

C姐:在用 Cocos Creator 开发 3D 小游戏过程中,有遇到什么困难吗?

过程中的确踩了不少坑,大部分都通过官方文档和论坛解决了。唯一需要吐槽的就是暂不完善的 3D 材质组件和三维的刚体碰撞了。如果这点也完善了的话,我觉得那就没有 Cocos Creator 开发不了的游戏了,如果有,那说明你的创意和思路还不够。

C姐:有没有小游戏上线的经验可以分享给个人开发者呢?

申请软件著作权一定要提前。我是在完成了游戏之后,于 5 月 13 日申请的,找了北京的朋友去版权中心大厅现场办理,到 6 月 29 号才办好,7 月 15 号才把证书拿到手,整整历时 2 个月。另外,小游戏申请不必非要打印 60 页代码,像微信小游戏这种源码较少的 30 页也可以。

C姐:后续有什么计划吗?

《飞跃地平线 Plus》功能目前还不完善,下一步计划就是对这款游戏进行迭代升级。我非常喜欢 Cocos Creator 的开发方式,用着也很爽!祝 Cocos Creator 发展越来越好,百尺竿头更进一步!

C姐:谢谢 woskymi,非常感谢你为社区做的贡献。把爱好当成事业在做,亲手编织梦想,或许才是生活的真谛,祝您的游戏事业越来越好!

 

截止目前,Cocos 引擎已拥有注册开发者超过 130 万,作为一款开源跨平台免费引擎,Cocos 从不因“免费”而将技术问题全然丢给开发者。恰恰相反,Cocos 引擎团队在社区投入了大量人力,对于每一个引擎用户,我们都提供了热心的技术支持,为开发者答疑解惑。

作为引擎与开发者之间沟通的桥梁,Cocos 社区一直以来都保持着高度的活跃,我们希望在未来,能够携手更多的开发者将社区建设得更加美好!感谢支持!

 

扫描二维码体验小游戏

 

更多精彩

Cocos 技术派 | 实时竞技小游戏技术分享

Cocos 技术派 |《野蛮人大作战》从开发到上线

Cocos 技术派 | Cocos Creator 2.0 摄像机的灵活运用

Cocos 技术派 | 重度小游戏《三国封魔传》技术实现方案

Cocos 技术派 | 3D 人物渲染详细教程

《我飞刀玩得贼6》性能优化案例分享

Cocos Creator v2.1.1 新增 3D 场景编辑

互动类游戏潜力大,这款插件让你1小时创造作品

畅销 SLG《乱世王者》深度优化方案

展开阅读全文

分享Silverlight 3D开源项目

05-03

[img=http://images.cnblogs.com/cnblogs_com/jv9/1114262939-0.png][/img]rnSilverlight 5 Beta版本中最引人注目的特性是3D功能,Silverlight 5与XNA Framework的结合,使Silverlight完美支持3D效果。rn[img=http://images.cnblogs.com/cnblogs_com/jv9/1114264T8-1.jpg][/img]rn在微软MIX11大会后,微软分别发布了几个优秀的Silverlight 5 3D应用演示项目,如果你对Silverlight 3D感兴趣,推荐下载学习这些项目,相信能为你的项目带来不少灵感。rnrn[b]1. Silverlight 5房屋3D设计开源项目[/b]rn[img=http://images.cnblogs.com/cnblogs_com/jv9/1114261L0-2.png][/img]rnrn[img=http://images.cnblogs.com/cnblogs_com/jv9/1_110428134637_2.png][/img]rnrn[img=http://images.cnblogs.com/cnblogs_com/jv9/1_110428135326_1.png][/img]rnrnSilverlight 5房屋3D设计开源项目,该项目由微软官方推出,在MIX11大会,Silverlight 5 3D功能演示项目。rn目前项目开源,供Silverlight开发人员参考学习。rn rn[url=http://www.silverlightchina.net/resource/code/2011/MIX11HouseBuilder.zip]项目下载[/url]rnrn[b]2. Silverlight 5简单3D游戏演示[/b]rnrn[img=http://images.cnblogs.com/cnblogs_com/jv9/1_110420151058_1.png][/img]rnrn[img=http://images.cnblogs.com/cnblogs_com/jv9/1_110420151058_2.png][/img]rnrn[img=http://images.cnblogs.com/cnblogs_com/jv9/1_110420151058_3.png][/img]rnrn该项目演示Silverlight 5环境下使用XNA 3D API,简单3D游戏演示项目。rnrn项目开源可以自由修改和传播。rnrn[url=http://silverlightchina.net/html/works/2011/0420/7065.html]在线演示[/url]rnrn[url=http://bbs.silverlightchina.net/forum.php?mod=viewthread&tid=7383&extra=]源代码下载[/url]rnrn rnrn[b]3. Silverlight 5的3D引擎开源项目 - Babylon[/b]rnrn[img=http://images.cnblogs.com/cnblogs_com/jv9/1_110429144639_1.png][/img]rnrnSilverlight 5的3D引擎开源项目 - Babylonrnrn该项目是Silverlight 3D演示项目,基于Silverlight 5平台。支持以下功能:rnrn rnrn项目开源,可自由修改和传播。rnrn[url=http://bbs.silverlightchina.net/forum.php?mod=viewthread&tid=7549&extra=]源代码下载[/url]rnrn[b]4. Silverlight 4实时足球仿3D实例[/b]rnrn[img=http://images.cnblogs.com/cnblogs_com/jv9/1_110421101207_1.png][/img]rnrn[img=http://images.cnblogs.com/cnblogs_com/jv9/1_110421101207_2.png][/img]rnrn[img=http://images.cnblogs.com/cnblogs_com/jv9/1_110421101207_3.png][/img]rnrn[img=http://images.cnblogs.com/cnblogs_com/jv9/1_110421101208_4.png][/img]rnrnSilverlight 4仿3D足球场实例,该项目支持鼠标水平拖动放大和缩小赛场,实时观看比赛。rnrn[url=http://bbs.silverlightchina.net/forum.php?mod=viewthread&tid=7404&extra=]项目代码[/url]rnrn[url=http://space.silverlightchina.net/demo/soccer/default.html]在线演示[/url]rnrn rnrn5. [url=http://silverlightchina.net/html/zhuantixilie/getstart/2011/0429/7309.html]Balder 3D应用开发专题[/url]: Balder 是一款开源的3D图形引擎,它支持Silverlight, Windows Phone 7, Xna and OpenGL。本专题讨论有关Balder的应用rnrn[img=http://images.cnblogs.com/cnblogs_com/jv9/0ZQ12639-1.jpg][/img]rnrnrnrn欢迎大家加入“专注Silverlight”QQ技术群,欢迎大家加入一起学习讨论Silverlight&WPF&Widnows Phone开发技术。 rn22308706(一群) 超级群500人 rn37891947(二群) 超级群500人 rn100844510(三群) 高级群200人 rn32679922(四群) 超级群500人 rn23413513(五群) 高级群200人 rn32679955(六群) 超级群500人 rn61267622(七群) 超级群500人 rn88585140(八群) 超级群500人 rn128043302(九群 企业应用开发推荐群) 高级群200人 rn101364438(十群) 超级群500人 rn68435160(十一群 企业应用开发推荐群)超级群500人 论坛

没有更多推荐了,返回首页