万维网联盟在2014年10月29日宣布,新一代超文本标记语言标准HTML5规范制定完成。HTML5有着众多的优点,比如可移植性、跨平台特性等,已经被越来越多的浏览器所支持,这些特性也是游戏开发者关注H5的重要基础。目前H5游戏多以小游戏为主,并没有适合中型H5游戏项目的框架可供研究。本文以一个涉及多个模块的多人在线的弱联网H5游戏项目为研究对象,在分析了当前H5游戏开发现状的前提下,并以整个游戏项目的需求分析为基础,提出了一种适合中度H5游戏的游戏框架MVN(Model-View-Net)。这是一种基于MVC进行改进的框架,将Controler层的逻辑合理分到Model层和View层,新增Net层,简化了游戏框架结构,同时有利于前后端人员分别开发时,通过Net层进行对接工作。本文还设计了一种基于观察者模式的事件处理系统,并在游戏框架中进行了实现。该事件系统通过引入事件驱动,来实现降低系统耦合度、分离各系统模块的目的。同时为了实现一份UI资源在不同界面重复利用的目的,本文实现了这样一种方案:将整个UI界面分为上下两部分设计,提供一个可以添加UI界面的容器,这样就实现了 UI上的不同组合;在程序上,只需要对上下两部分UI绑定逻辑程序即可。游戏项目无论是客户端框架还是UI设计,都是采用软件工程中分层设计的思想,这种分层的设计对于尚不成熟的H5游戏开发具有重要的指导意义。而游戏项目中实现的MVN框架和UI复用的设计,对有志从事H5游戏的开发者来说,也有着重要的借鉴意义。