下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

Web前端与H5游戏开发的区别?

作者:匿名     来源: 游戏开发点击数:2208发布时间: 2021-10-19 17:25:33

标签: Cocos2d-xH5游戏开发领域VSCode编写代码

  WEB前端的大部分工作都集中在利用现有的主流前端框架(vue/react/angular)以及周边开源代码基础生态来组织整个项目的架构和实现业务逻辑代码,通常相同的逻辑可以选择不同的抽象方式来实现,不同的抽象方式在思想上和实现上都不一样。

  本游戏开发工作主要集中在基于游戏引擎标准开发流程的UI设计动画效果的实现和游戏交互逻辑的完成上。在游戏开发过程中,需要运用具象思维能力组织贴图等资源,以完成最终产品。该实现过程相对固定和模式化(使用一些游戏引擎的微粒、骨架、帧动画等API)。

  利用框架本身提供的API+IDE的完备技巧+webpack之类的打包工具,WEB前端在工程学上已经成熟,可以实现一套完整的“coding-debug-部署”的完整的生产流程,框架本身只提供了核心的“data-view-debug”功能,可以根据项目需求引入不同的设计模式。

  在H5游戏开发领域,由于不同游戏引擎的核心代码差异较大,为了保护核心源代码和开发效率等,游戏引擎厂商通常会高度定制一套开发流程,以服务于游戏引擎:从IDE到代码架构再到部署。因此,H5的游戏开发相对来说,遵循“惯例”是非常重要的一环,H5游戏在选定了游戏引擎之后,通常仅限于官方推荐的游戏引擎。

  对于初学者来说CocosCreator的集成开发环境已经日趋成熟,CocosCreator的客户端集成了整个功能,除了需要用VSCode编写代码逻辑之外,还可以在一个客户端完成场景编辑、动态组件设置、资源管理、部署等。

  EgretLauncher/Wing3/EgretUIEditor/EgretUIEditor/EgretPro等各种开发工具,其中有些功能互相覆盖,但又各不相同,产品混乱,对初学者很不友好。

  CocosCreator比Egret更好,从基本的游戏Demo教程到API文档,它在正式的文档中表现得更好。与Egret相比,CocosCreator在社区热度和市场份额上也有更多的讨论,所以更容易找到对新手更友好的解决方案。  

  不同之处在于可视编辑器

  CocosCreator官方建议使用GUI操作来完成客户端的大部分场景、图形、动画工作,而仅在代码层的业务代码,以及一些更为复杂的抽象动画逻辑。

  优点:在动画效果及场景制作方面更直观、方便;

  缺陷:由于视觉编辑器功能丰富,操作起来有一定难度。

  现在,Egret的可视化编辑器很简单,动画和业务逻辑都是由代码层编写的。

  优点:对于web开发者,更熟悉的开发方式;

  劣势:画面制作和动画效果不够直观,需要多加思考。

  由WEB前端转向H5游戏开发,首先要强化形象与抽象相互转化的思维能力,具备从具体动画效果中抽象化代码控制逻辑的能力会更有优势。选定游戏引擎后,还需要对引擎的开发过程有一个全面的了解:游戏引擎自研或建议使用IDE、可视化场景编辑器、代码架构方法、游戏引擎API、调试方法、部署方法。

  Cocos Creator产品线和文档比较清晰,难度曲线适宜,适合从网络前端开发游戏。

    >>>>>>点击进入游戏开发专题

赞(7)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程