在冒险游戏(AVG)中,橙光游戏平台一直是该领域的代表,该平台可以通过下载桌面应用进行游戏制作,但是随着互联网的高速发展以及游戏制作要求的提高,现有的游戏制作手段和环境已经无法满足用户的需求,并且,桌面版游戏制作器用户转换率低,上手难度高,有许多初学者或者有制作游戏想法的玩家望而却步。因此,如何开发一套系统,不仅能够让专家用户高效地完成游戏制作,也能够让新手用户低门槛地进行游戏制作,成为本系统着力解决的问题。于是,网易游戏基于Web技术开发了“易次元”系统,该系统在游戏制作方面不仅支持能够轻松入门的画布模式,还为专业的游戏制作人提供代码模式,通过编码高效地完成作品。在制作器的前端部分,选用React+Redux作为JavaScript的开发框架,React的虚拟DOM能够高效渲染页面变动的部分,Redux可以很好地管理复杂项目中的状态和数据。选用Webpack进行模块化打包,提供对部分框架的预编译支持和解决浏览器兼容问题。本文主要讲述了通过上述技术和框架实现本项目的前端部分,阐述了游戏制作器的画布模式,包括UI编辑器,富交互组件,属性和动画面板,前后端数据转换,增量提交和消息队列的设计与实现;针对对话框模块进行了设计和实现的说明,实现部分重点讲述了组合元素和对话框元素公共部分的抽象和复用,以及对话框元素的属性转换;在文件上传模块,阐述了文件检测及批量上传的设计与实现;最后讲述了游戏配置模块的设计与实现,包括字体配置和帧动画的实现。“易次元”系统编辑器部分已上线了代码模式,专业的签约用户可以通过代码高效地完成高质量的作品;画布模式降低了制作游戏的门槛,制作者可以零基础地开始游戏制作。