HTML是任何人在任何地方用来制作文档和应用的互联网核心语言,HTML5是HTML的最新版本,2014年10月,HTML5发布为W3C推荐标准。大部分现代浏览器厂商都在积极提供对HTML5标准的支持,使得HTML5可以在桌面、手机和浏览器实现跨平台。因此,越来越多的新应用选择基于HTML5进行开发。基诺是中国汉朝时期梁张发明的一种机会游戏。经过2000多年的发展,目前成为世界各国彩票机构普遍采用的一种彩票形式。在中国,基诺玩法被用于一个快开型彩票产品,KDS (Keno Display System)是该产品的开奖显示子系统。随着互联网技术的快速发展,传统彩票销售站受到互联网和手机等新的销售渠道的冲击。为了应对挑战,需要开发一个新的跨平台KDS来取代无法支持移动设备的老KDS。本文对业务需求进行了分析,对基于HTML5技术的系统架构进行了设计,并对KDS系统中的一些关键技术进行了研究。在前端程序开发中,本文研究了HTML5技术,包括Canvas、WebGL和SSE (Server-Sent Event)。在3D图形引擎方面研究了Three.js;在动画技术方面研究了补间动画和骨骼动画。在后端程序开发中,研究了消息队列和一种新的Web服务端技术Node.js。并研究了最热门的信息交换格式JSON。基于上述的架构设计和技术研究,本文对主要模块进行了详细设计和实现,对关键技术在系统开发中的应用进行了总结,这些应用包括：1)使用Three.js图形引擎实现2D和3D场景的渲染；2)采用JavaScript中的面向对象编程方法实现一个KDS动画框架；3)采用消息队列中间件技术实现异构系统之间的通信；4)采用SSE技术实现将消息推送到浏览器客户端；5)采用JSON作为统一消息格式。6)采用Node.js技术实现Web应用服务器。最后,本文构建了完整的开发环境,并对系统的运行效果进行了展示。通过和老的KDS进行比较,说明了新的KDS在技术实现、动画效果、部署和跨平台等方面都优于老的KDS,实现了所有的业务需求,并达到了预期的设计目标。