forked: スタート画面とゲームオーバー画面の追加

Readme
JavaScript 126 lines
HTML 16 lines
CSS 10 lines

forked: スタート画面とゲームオーバー画面の追加
jQuery v1.11.0
jQuery v2.1.0
ui.enchant.js
nineleap.enchant

// forked from s1442001nb's "forked: スタート画面とゲームオーバー画面の追加" http://jsdo.it/s1442001nb/aP2k
// forked from snnnlll0033's "スタート画面とゲームオーバー画面の追加" http://jsdo.it/snnnlll0033/dOtO
enchant();
window.onload = function(){
    
    var game = new Game(320,320);
    game.fps = 16;
    game.score = 0;
    var label;
    var bear;
    
    game.preload('http://enchantjs.com/assets/images/chara1.gif',
		 'http://enchantjs.com/assets/images/map0.gif',
		 'http://enchantjs.com/assets/images/icon0.gif');
    
    //ロード完了時に呼ばれる
    game.onload =function(){
	
	var bg = new Sprite(320,320);
	bg.backgroundColor = "rgb(0,200,255)";
	var maptip = game.assets['http://enchantjs.com/assets/images/map0.gif'];
	var image = new Surface(320,320);
	for(var i=0; i<320; i += 16){
	 	image.draw(maptip,7*16,0,16,16,i,320-16,16,16);   
	}
	bg.image = image;
	game.rootScene.addChild(bg);
	
	//バーチャルパッドの生成
	var pad = new Pad();
	pad.x =0;
	pad.y =220;
	game.rootScene.addChild(pad);
	
	//ラベルの生成
	label = new Label("");
	game.rootScene.addChild(label);
	
	//クマの生成
	bear = new Sprite(32,32);
	bear.image = game.assets['http://enchantjs.com/assets/images/chara1.gif'];
	bear.x = 160-16;
	bear.y = 320-16-32;
	bear.anim = [10,11,10,12];
	bear.frame = 10;
	game.rootScene.addChild(bear);
	
	//クマの定期処理
	bear.tick = 0;
	bear.addEventListener(Event.ENTER_FRAME,function(){
	    
	    //左
	    if(game.input.left){
		bear.x -= 3;
		bear.scaleX = -1;
	    }
	    //右
	    else if(game.input.right){
		bear.x += 3;
		bear.scaleX=1;
	    }
	    //フレームの指定
	    bear.tick++;
	    if(!game.input.left && !game.input.right){
		bear.frame = bear.anim[0];
	    }else{
		bear.frame = bear.anim[bear.tick % 4];
	    }
	});
    };
    //りんごの追加
    game.addApple = function(x,speed){
	//リンゴの生成
	var apple = new Sprite(16,16);
	apple.image = game.assets['http://enchantjs.com/assets/images/icon0.gif'];
	apple.x = x;
	apple.y = -16;
	apple.frame = 15;
	apple.speed = speed;
	game.rootScene.addChild(apple);
	
	//スプライトの定期処理
	apple.addEventListener(Event.ENTER_FRAME,function(){
	    apple.y += apple.speed;
	    //クマと衝突
	    if(bear.within(apple,16)){
		game.score += 30;
		game.rootScene.removeChild(apple);
	    }
	    //地面と衝突
	    else if (apple.y > 320-16){
		game.rootScene.removeChild(apple);
	    }
	});
    };
    
    //シーンの定期処理
    game.tick = 16*10;
    game.rootScene.addEventListener(Event.ENTER_FRAME,function(){
	game.tick--;
	if(game.tick>0){
	     //リンゴの生成
	    if((game.tick % 10) === 0){
		var x = Math.floor(Math.random() * 300);
		var speed = 3 + Math.floor(Math.random() * 6);
		game.addApple(x,speed);
	    }
	    label.text = "残り時間" + Math.floor(game.tick/16)+"<BR>スコア:" + game.score;
	} else if (game.tick === 0){
	     //ゲームオーバー画面の表示
	    game.end(game.score,"あなたのスコアは" + game.score);
	}
    });
    
    //ゲームの開始
    game.start();
    
};

//乱数の生成
function rand(num){
    return Math.floor(Math.random() * num);
}

forked: スタート画面とゲームオーバー画面の追加

// forked from s1442001nb's "forked: スタート画面とゲームオーバー画面の追加" http://jsdo.it/s1442001nb/aP2k // forked from snnnlll0033's "スタート画面とゲームオーバー画面の追加" http://jsdo.it/snnnlll0033/dOtO enchant(); window.onload = function(){ var game = new Game(320,320); game.fps = 16; game.score = 0; var label; var bear; game.preload('http://enchantjs.com/assets/images/chara1.gif', 'http://enchantjs.com/assets/images/map0.gif', 'http://enchantjs.com/assets/images/icon0.gif'); //ロード完了時に呼ばれる game.onload =function(){ var bg = new Sprite(320,320); bg.backgroundColor = "rgb(0,200,255)"; var maptip = game.assets['http://enchantjs.com/assets/images/map0.gif']; var image = new Surface(320,320); for(var i=0; i<320; i += 16){ image.draw(maptip,7*16,0,16,16,i,320-16,16,16); } bg.image = image; game.rootScene.addChild(bg); //バーチャルパッドの生成 var pad = new Pad(); pad.x =0; pad.y =220; game.rootScene.addChild(pad); //ラベルの生成 label = new Label(""); game.rootScene.addChild(label); //クマの生成 bear = new Sprite(32,32); bear.image = game.assets['http://enchantjs.com/assets/images/chara1.gif']; bear.x = 160-16; bear.y = 320-16-32; bear.anim = [10,11,10,12]; bear.frame = 10; game.rootScene.addChild(bear); //クマの定期処理 bear.tick = 0; bear.addEventListener(Event.ENTER_FRAME,function(){ //左 if(game.input.left){ bear.x -= 3; bear.scaleX = -1; } //右 else if(game.input.right){ bear.x += 3; bear.scaleX=1; } //フレームの指定 bear.tick++; if(!game.input.left && !game.input.right){ bear.frame = bear.anim[0]; }else{ bear.frame = bear.anim[bear.tick % 4]; } }); }; //りんごの追加 game.addApple = function(x,speed){ //リンゴの生成 var apple = new Sprite(16,16); apple.image = game.assets['http://enchantjs.com/assets/images/icon0.gif']; apple.x = x; apple.y = -16; apple.frame = 15; apple.speed = speed; game.rootScene.addChild(apple); //スプライトの定期処理 apple.addEventListener(Event.ENTER_FRAME,function(){ apple.y += apple.speed; //クマと衝突 if(bear.within(apple,16)){ game.score += 30; game.rootScene.removeChild(apple); } //地面と衝突 else if (apple.y > 320-16){ game.rootScene.removeChild(apple); } }); }; //シーンの定期処理 game.tick = 16*10; game.rootScene.addEventListener(Event.ENTER_FRAME,function(){ game.tick--; if(game.tick>0){ //リンゴの生成 if((game.tick % 10) === 0){ var x = Math.floor(Math.random() * 300); var speed = 3 + Math.floor(Math.random() * 6); game.addApple(x,speed); } label.text = "残り時間" + Math.floor(game.tick/16)+"<BR>スコア:" + game.score; } else if (game.tick === 0){ //ゲームオーバー画面の表示 game.end(game.score,"あなたのスコアは" + game.score); } }); //ゲームの開始 game.start(); }; //乱数の生成 function rand(num){ return Math.floor(Math.random() * num); } <!DOCTYPE html> <html> <head> <mata charset="utf-8"> <meta name="viewport" content="width=device-width,user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style"content="black-translucent"> <title>HelloWorld</title> <style type="text/css"> body{ margin:0; } </stype> </head> <body></body> </html>* { margin: 0; padding: 0; border: 0; } body { background: #ffd; font: 30px sans-serif; }