###前提・実現したいこと
純粋なjsで特攻ゲームを作っていますが
###発生している問題・エラーメッセージ
当たり判定は入りますが、GAMEOVERメッセージが出ません
###該当のソースコード
HTML+JavaScript
1<DOCUTYPE html> 2<html><head> 3<meta charset="utf-8"> 4<style> 5<title>フライトゲーム</title> 6body{background:#ffffff;} 7#cvs{position:absolute;left:300px;top:50px;border:1px solid red} 8</style> 9</head> 10<body> 11 <body background="bg000.png"> 12<canvas id="cvs" width=1000 height=700> 13</canvas> 14<script> 15var cnvs=document.getElementById("cvs"); 16var cf=cnvs.getContext("2d"); 17var hi=new Image(); 18hi.src="hi.png"; 19var hiburn=new Image(); 20hiburn.src="hiburn.png"; 21 22var x=200;var y=100; 23var m=0; 24var vx=0;var vy=0; 25cf.fillStyle="grey"; 26cf.fillRect(10,650,900,50); 27cf.fillStyle="green"; 28cf.fillRect(10,10,900,30); 29cf.fillStyle="red"; 30timerBar=setInterval(timerRect,100); 31function timerRect(){m=m+3;cf.fillRect(10,10,10+m,30); 32if(m>890)gameOver();//if 33}//function 34planeMove=setInterval(ugoki,50); 35function ugoki(){x=x+vx;y=y+vy; 36 cf.drawImage(hi,x,y); 37if(y<50 || y>600 || x<0 || x>900)gameOver(); 38} 39function gameOver();{ 40 alert("天皇陛下、万歳(/・ω・)/"); 41clearInterval(timerBar); 42clearInterval(planeMove); 43 cf.drawImage(hiburn,x,y); 44cf.fillStyle="black";cf.font="100px serif"; 45cf.fillText("GAME OVER",100,300); 46} 47document.onkeydown=function(ddd){ 48var ke=ddd.keyCode; 49if(ke==38)vy=vy-1; 50if(ke==40)vy=vy+1; 51if(ke==37)vx=vx-1; 52if(ke==39)vx=vx+1; 53} 54</script> 55</body> 56</html> 57
###補足情報(言語/FW/ツール等のバージョンなど)
Google Chrome最新
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/06/15 11:01