html5捕鱼游戏

【实例简介】基于html5 js的捕鱼小游戏
【实例截图】

【核心代码】

game.load = function(container)

{
//获取URL参数设置
var params = this.params = Q.getUrlParams();
if(params.mode == undefined) params.mode = 2;
if(params.fps) this.fps = params.fps;
this.fireInterval = this.fps*0.5;

if(Q.isIpod || Q.isIphone)
{

this.width = 980;
this.height = 545;
Q.addMeta({name:"viewport", content:"user-scalable=no"});
}else
{
Q.addMeta({name:"viewport", content:"user-scalable=no, initial-scale=1.0, minimum-scale=1, maximum-scale=1"});
this.width = Math.min(1024, window.innerWidth);
this.height = Math.min(768, window.innerHeight);
}

if(params.width) this.width = Number(params.width) || this.width;
if(params.height) this.height = Number(params.height) || this.height;

//初始化容器设置
this.container = container || Q.getDOM("container");
this.container.style.overflow = "hidden";
this.container.style.width = this.width "px";
this.container.style.height = this.height "px";
this.screenWidth = window.innerWidth;
this.screenHeight = window.innerHeight;

//load info
var div = Q.createDOM("div", {innerHTML: "正在加载资源中，请稍候...<br>", style:
{
id: "loader",
position: "absolute",
width: this.width "px",
left: "0px",
top: (this.height >> 1) "px",
textAlign: "center",
color: "#fff",
font: Q.isMobile ?  'bold 16px 黑体' : 'bold 16px 宋体',
textShadow: "0 2px 2px #111"
}});
this.container.appendChild(div);
this.loader = div;
    
    //hide nav bar
    this.hideNavBar();
    if(Q.supportOrientation)
    {
        window.onorientationchange = function(e)
        {
            game.hideNavBar();
           if(game.stage) game.stage.updatePosition();
        };
    }

//start load image
var imgLoader = new Q.ImageLoader();
imgLoader.addEventListener("loaded", Q.delegate(this.onLoadLoaded, this));
imgLoader.addEventListener("complete", Q.delegate(this.onLoadComplete, this));
imgLoader.load(ns.R.sources);
}