Forked from: s1442001nb's forked: スタート画面とゲームオーバー画面の追加 View Diff (1) forked: スタート画面とゲームオーバー画面の追加 s1442001nb Follow 2017-01-15 19:29:07 License: MIT License Fork1 Fav0 View314 Play Stop Reload Fullscreen Smart Phone Fork tree 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); } <!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> forked: スタート画面とゲームオーバー画面の追加 * { margin: 0; padding: 0; border: 0; } body { background: #ffd; font: 30px sans-serif; } // 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; } use an iframe compat browser, deer Play on jsdo.it games Author Share ブログに埋め込む QR Tag Download Complete! Description What kind of game? Control Device Smartphone Controllerjsdo.it WebSocket Controller» Mouse Keyboard Touch Device Fullscreen Activated Inactivated jsdo.it games から削除する Submit Author s1442001nb Tweet Default Panel Auto play Screenshot Readme JavaScript HTML CSS Size Width: px Height: px code <script type="text/javascript" src="http://jsdo.it/blogparts/2nR5/js"></script> game Discussion Questions on this code? Tags game Forked sort by latest page views favorite forked forked: スタート画面とゲームオーバー画面の追加 s1442001nb 00 218 127/16/10 game