本文介绍了如何使用JavaScript和HTML5开发一个猜灯谜游戏，包括游戏的运行机制、预加载图片、游戏场景的构成，以及源代码分析。游戏通过Ajax获取随机谜题，用户在预生成的21个字中选择答案，完成一定数量的题目后显示正确率。文章还提及了背景图片和音乐的设置方法。
最近码友问我：“你的CSDN是不是废了？”，我一看，握了个大草，1年半没更新了……工作、家里琐事太多，每天挤遍全身乳沟也不超过3个小时，所以……所以这全TMD都是借口！有好几个码友问我能不能写点基础的东西，好吧，这段时间利用晚上挤出来的一点时间写了个HTML小游戏——猜灯谜（试玩地址），没有用任何游戏框架，纯JS、CSS，JQuery打造，这里简单地对游戏的运行机制及源代码分析一下（水平有限，欢迎大家指正）。
一、运行机制
游戏分两个场景（js文件里类名为whsgScene），一个是启动场景，另一个是游戏场景
启动场景主要负责预加载游戏场景使用的图片（请各位无视我那拙劣的PS技能），游戏场景负责与玩家交互。
启动场景没什么技术含量，至于那个进度条，实际上是两个DIV，一个带背景图片其z-index高于另一个纯色DIV，进度条滚动效果是用JQuery的animate函数修改纯色DIV的宽度。图片预加载就是new一个Image对象，将其sr
最低0.47元/天 解锁文章
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
