Hero and Monsters

英雄与怪物 -- 抓捕h5小游戏

by Chuyue_813

JavaScript

var canvas=document.createElement("canvas"),
		ctx=canvas.getContext("2d");
	canvas.width=512;
	canvas.height=480;
	canvas.backgroundColor="gray";
	document.body.appendChild(canvas);
	
	var bgImage= new Image(),
		bgReady=false;
	bgImage.onload=function(){
		bgReady=true;
	}
	bgImage.src="http://h.hiphotos.baidu.com/image/pic/item/0df431adcbef7609fc51181f27dda3cc7dd99edc.jpg";
	
	var heroImage=new Image(),
		heroReady=false;
	heroImage.onload=function(){
		heroReady=true;
	}
	heroImage.src="http://mt1.baidu.com/timg?shitu&quality=100&sharpen=100&er=&imgtype=0&wh_rate=null&size=9&sec=1488190585&di=c4b5e1d9d2c4180e2f05d10a66200792&cut_x=3&cut_y=3&cut_w=26&cut_h=26&src=http%3A%2F%2Ff.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F10dfa9ec8a1363270fb742b3988fa0ec09fac7dc.jpg"; 
	
	var monsterImage=new Image(),
		monsterReady=false;
	monsterImage.onload=function(){
		monsterReady=true;
	}
	monsterImage.src="http://mt1.baidu.com/timg?shitu&quality=100&sharpen=100&er=&imgtype=0&wh_rate=null&size=9&sec=1488190652&di=3763f871cc5e468fb8f13e0b6bd35ac1&cut_x=3&cut_y=3&cut_w=24&cut_h=26&src=http%3A%2F%2Fc.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2Fac345982b2b7d0a2be5b841dc2ef76094a369aa4.jpg";
	
	var hero={
		speed:256,
		x:0,
		y:0
	},
	monster={
		x:0,
		y:0
	},
	monstersCaught=0,	
	keysDown={};
	addEventListener("keydown", function(e){
		keysDown[e.keyCode]=true;
	},false);
	addEventListener("keyup", function(e){
		delete keysDown[e.keyCode];
	},false);
	
	var reset=function(){
		hero.x=canvas.width/2;
		hero.y=canvas.height/2;
		monster.x=32+(Math.random()*(canvas.width-64));
		monster.y=32+(Math.random()*(canvas.height-64));
	};
	
	var update=function(modifier){
		if(38 in keysDown){
			hero.y -= hero.speed*modifier;
			if (hero.y<30) {
				hero.y=30; 
			}
		}
		if(40 in keysDown){
			hero.y += hero.speed*modifier;
			if (hero.y>=415) {
				hero.y=415; 
			}
		}
		if(37 in keysDown){
			hero.x -= hero.speed*modifier;
			if (hero.x<32) {
				hero.x=32;
			}
		}
		if(39 in...