蘑菇游戏_让蘑菇动起来

<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="jquery-1.4.2.js"></script><title>让熊动起来</title><script type="text/javascript">var backgroundImg=new Image();var mushroomImg=new Image();//定义一个熊var bearEyesClosedImg=new Image();var speed=2;//开始的速度var horizontalSpeed=speed;//水平速度var verticalSpeed=-speed;//垂直速度var bearAngle=2;//熊旋转速度var ctx;var screenWidth;var screenHeight;//定义游戏物体对象function GameObject(){this.x=0;this.y=0;this.image=null;}function Mushroom(){};Mushroom.prototype=new GameObject();//继承GameObject//定义一个熊Amimal继承GameObjectfunction Animal(){};Animal.prototype=new GameObject();Animal.prototype.angle=0;//动物的角度，目前中（即作为动物它在屏幕上旋转退回）var animal=new Animal();//实例化一个熊var mushroom=new Mushroom();function gameLoop(){//清屏ctx.clearRect(0, 0, screenWidth, screenHeight);ctx.save();//绘制背景ctx.drawImage(backgroundImg,0,0);//绘制蘑菇ctx.drawImage(mushroom.image,mushroom.x,mushroom.y);animal.x+=horizontalSpeed;animal.y+=verticalSpeed;animal.angle+=bearAngle;ctx.translate(animal.x+(animal.image.width/2),animal.y+(animal.image.height/2));ctx.rotate(animal.angle*Math.PI/180);ctx.drawImage(animal.image,-(animal.image.width/2),-(animal.image.height/2));ctx.restore();}function loadImages(){mushroomImg.src="mushroom.png";backgroundImg.src="forest1.jpg";bearEyesClosedImg.src="bear_eyesclosed.png";mushroom.image=mushroomImg;animal.image=bearEyesClosedImg;}function AddEventHandlers(){$("#container").mousemove(function(e){mushroom.x=e.pageX-(mushroom.image.width/2);});}$(window).ready(function(){AddEventHandlers();loadImages();ctx=document.getElementById("canvas").getContext('2d');;screenWidth=parseInt($("#canvas").attr("width"));screenHeight = parseInt($("#canvas").attr("height"));mushroom.image = mushroomImg;mushroom.x = parseInt(screenWidth/2);// 蘑菇X坐标  mushroom.y = screenHeight - 40;//蘑菇Y坐标    animal.x = parseInt(screenWidth/2);// 蘑菇X坐标  animal.y = screenHeight - 40;//蘑菇Y坐标    setInterval(gameLoop, 10);});</script> </head><body><div id="container" style="border:1px solid; cursor:none; width:480px; height:320px;"><canvas id="canvas" width="480" height="320" ></canvas></div></body>
</html>

蘑菇游戏_让蘑菇动起来相关推荐

蘑菇游戏_让熊动起来
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content=& ...
蘑菇游戏_熊碰撞边界处理
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content=& ...
蘑菇游戏_熊碰撞蘑菇处理
<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content=& ...
经典按键java手机游戏_随心所动战无不胜 | 雷蛇骑仕手机游戏手柄评测
00 玩游戏之前大家好,我是王小洋.感谢众测吧提供的评测产品. 每次提到手机游戏手柄无非就是两个话题:算外挂吗?手感好吗?算不算外挂这个就见仁见智了,不过好的游戏手柄确实能提高游戏的畅快感,不管是不 ...
卡通动漫游戏人物网页模板_灰色卡通动漫游戏漂亮精美整站斜纹质感
卡通动漫游戏人物网页模板_灰色卡通动漫游戏漂亮精美整站斜纹质感不仅仅是首页,二级页面,三级页面,登陆,购物车等,页面齐全功能齐全 js+css+html (img,字体均有),前端 ...
java蘑菇岛种子_比蘑菇岛更稀有的“蘑菇陆地”见过么？输入MC种子即可找到
蘑菇岛(Mushroom Fields)是<我的世界>游戏中最稀有的非变种生物群系.它通常生成在一个被海洋包围的单一岛屿,虽然偶尔生成会触碰到其他生物群系的土地,很少完全生成在内陆中.它只 ...
Python贪吃蛇小游戏_完整源码免费分享
文章目录 Python 贪吃蛇小游戏 1. 导包 2. 配置初始化参数 3. 主函数及运行主体 4. 画食物的函数 5. 画贪吃蛇的函数 6. 画网格的函数(非必选,觉得多余的可以忽略此项) 7. 操 ...
【源码+教程】Java课设项目_12款最热最新Java游戏项目_Java游戏开发_Java小游戏_飞翔的小鸟_王者荣耀_超级玛丽_推箱子_黄金矿工_贪吃蛇
马上就要期末了,同学们课设做的如何了呢?本篇为大家带来了12款热门Java小游戏项目的源码和教程,助力大家顺利迎接暑假![源码+教程]Java课设项目_12款最热最新Java游戏项目_Java游戏开发 ...
JavaScript实现令人放松的小游戏_艾孜尔江撰
<html><head><!-- 由艾孜尔江·艾尔斯兰复现,转载或使用请注意标明出处.全程均使用鼠标交互,原游戏创作者不详,复现时有改动.使用时请在本地路径下放置一张玩家 ...

蘑菇游戏_让蘑菇动起来

蘑菇游戏_让蘑菇动起来相关推荐

最新文章

热门文章