HTML5游戏开发/微信游戏开发--猜灯谜游戏源代码分析

最近码友问我：“你的CSDN是不是废了？”，我一看，握了个大草，1年半没更新了……工作、家里琐事太多，每天挤遍全身乳沟也不超过3个小时，所以……所以这全TMD都是借口！有好几个码友问我能不能写点基础的东西，好吧，这段时间利用晚上挤出来的一点时间写了个HTML小游戏——猜灯谜（试玩地址），没有用任何游戏框架，纯JS、CSS，JQuery打造，这里简单地对游戏的运行机制及源代码分析一下（水平有限，欢迎大家指正）。
　　一、运行机制
　　游戏分两个场景（js文件里类名为whsgScene），一个是启动场景，另一个是游戏场景


启动场景主要负责预加载游戏场景使用的图片（请各位无视我那拙劣的PS技能），游戏场景负责与玩家交互。
　　启动场景没什么技术含量，至于那个进度条，实际上是两个DIV，一个带背景图片其z-index高于另一个纯色DIV，进度条滚动效果是用JQuery的animate函数修改纯色DIV的宽度。图片预加载就是new一个Image对象，将其sr