H5(HyperTextMarkupLanguage5)游戏是一种新兴的手机游戏类型,拥有开发人员少、成本低、应用轻便、快速迭代性等特点。在现在快节奏的生活中,它拥有比其他类型的游戏更适应碎化的时间片的优势,让人们实现点击即玩,完全不需要安装APP就可以体验到游戏内容。并且随着近年来软硬件的提升,H5游戏性能逐步和APP游戏性能追平。本文开发的“魔龙炼金师”就是一款H5类型的手机游戏。论文首先对“魔龙炼金师”进行了需求分析,从游戏的功能性和非功能性角度出发,明确游戏需求并给出详细的需求期望,在确定了游戏架构基础下,根据需求给出了合理的游戏框架,在游戏的实现阶段,主要围绕几个系统的主要功能进行阐释,主要包括背包的分包问题、地图伸展问题并给出了详细的解决方案,还描述了视图层向网络层发出的请求过程、二级UI的数据读取、列表的多种使用方式、请求挑战时对战斗模块的申请,以及游戏中不同模块使用的不同优化方式。该游戏的框架是基于MVCS框架更改的MVCN框架,将数据逻辑处理层更替为与服务器和控制器层互相通信的网络层,减少把本地数据存储被他人恶意更改的风险,达到增加游戏安全性的目的。该游戏采用了微软开发的自由和开源的编程语言TypeScript、LayaAir引擎和FairyGUI编辑器开发实现,在论文中通过该游戏中的三个系统的设计和实现来详细描述开发过程,并从CPU、渲染和内存三个方面进行优化。从游戏的性能稳定性和界面显示对游戏进行测试,测试结果表明这是一款性能良好,界面交互科学的挂机类游戏。