canvas-js实现flyBird游戏

迈不过友情╰ 2023-06-12 06:30 20阅读 0赞

思路请私聊博主QQ918922703；

资源和源码链接链接：https://pan.baidu.com/s/1Rump1UOHJoygs-PQOhnXrQ   
提取码：mz9i

简单代码如下

(function(){
    	let Bird=function(){
    		this.x=(game.canvas.width-48)/2;//鸟默认居中
    		this.y=(game.canvas.height)*(1-0.618);//小鸟的默认位置垂直为0.618
    		this.changeY=0//改变的值
    		this.changeRad=0;
    		this.img=[game.allImg["bird0_0"],game.allImg["bird0_1"],game.allImg["bird0_2"]];
    		this.status="moveDown";
    		this.Wing=0;//图片的位置 控制翅膀的上下
    	};
    	window.Bird=Bird;
    	Bird.prototype.update=function(){
    		if (this.status=="moveDown") {			
    			this.changeY+=0.6;
    			this.y+=this.changeY;
    			this.changeRad+=0.05;
    		}else if(this.status=="moveUp"){
    			this.changeY-=0.8;
    			if (this.changeY<=0) {
    				this.status="moveDown";
    				return;
    			}
    			this.y-=this.changeY;
    			this.y<24?this.y=24:this.y;
    			this.Wing++;
    			this.Wing>2?this.Wing=0:null;
    		}
    		//落地检测
    		if(this.y>game.canvas.height-114-10){
    			game.Sm.enter(3);	
    		}
    	};
    	Bird.prototype.render=function(){
    		game.draw.save();
    		game.draw.translate(this.x,this.y);
    		game.draw.rotate(this.changeRad);
    		game.draw.drawImage(this.img[this.Wing],-24,-24);
    		game.draw.restore();
    	};
    	Bird.prototype.fly=function(){
    		//点击canvas上升一点距离
    		this.status="moveUp";
    		this.changeRad=-1.2;
    		this.changeY=10;
    	}
    })();

发表评论取消回复

表情：

评论列表（有 0 条评论，20人围观）

还没有评论，来说两句吧...

相关阅读

相关 FlyBird

游戏演示： ![在这里插入图片描述][359354b15c084862b2d2f0404a6d602d.png] 按键盘的上下键来控制小鸟上下移动，碰到管道会大量扣血，

拼搏现实的明天。/ 2024年04月01日 17:19/ 0 赞/ 41 阅读

相关 canvas-js实现flyBird游戏

思路请私聊博主QQ918922703；资源和源码链接链接：https://pan.baidu.com/s/1Rump1UOHJoygs-PQOhnXrQ 提取码：mz

迈不过友情╰/ 2023年06月12日 06:30/ 0 赞/ 21 阅读

相关 java实现2048小游戏

本文实例为大家分享了java实现2048小游戏的具体代码，供大家参考，具体内容如下一、实现效果二、实现代码 Check表示格子，GameView实现游戏视图界

痛定思痛。/ 2022年10月28日 10:07/ 0 赞/ 309 阅读

相关彩色雨滴掉落Canvasjs特效

[下载地址][Link 1] 彩色雨滴掉落Canvas特效是一款透明的彩虹雨滴动画特效，支持自定义背景色和鼠标触碰雨滴散落动画特效。 ![a1cf70ea27aacdacd

小灰灰/ 2022年09月17日 01:56/ 0 赞/ 143 阅读

相关《游戏学习》 Java实现潜艇大战游戏源码

项目目录 ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5rSb6Ziz5rOw5bGx

深藏阁楼爱情的钟/ 2022年09月10日 07:16/ 0 赞/ 9 阅读

相关《游戏学习》Java实现仿雷电游戏设计

一、项目目的利用Java GUI、Java Graphics和多线程技术，编写实现飞行射击游戏——雷电。二、项目内容 1、根据项目任务书，形成完整的需求分析。

男娘i/ 2022年09月10日 01:14/ 0 赞/ 260 阅读

相关 js炫酷粒子旋涡canvasjs特效

[下载地址][Link 1]基于canvas实现的js炫酷粒子旋涡html5动画特效 ![1630026580.png][] dd: [Link 1]: https:/

小灰灰/ 2022年09月08日 14:59/ 0 赞/ 283 阅读

相关扫雷游戏的实现C++

扫雷游戏是Windows操作系统自带的一个小游戏，几乎每个电脑使用者都接触过它。它同时也是一款比较经典的小游戏，实现它的方法很多，也可以用不同算法和语言实现。近期用了两个周末（

古城微笑少年丶/ 2022年08月25日 09:07/ 0 赞/ 339 阅读

相关 [unity]实现切水果游戏

初学unity, 通过查阅资料以及自己的一些见解完成了自己做的第一款游戏. 现在把代码分享出来, 仅供参考,不足之处还请指正。游戏中有三个场景，主要用到六个c\脚本：

叁歲伎倆/ 2022年07月14日 14:19/ 0 赞/ 356 阅读

相关 C语言实现扫雷游戏

C语言实现扫雷游戏我的扫雷有如下几个功能：显示该点周围雷的个数坐标周围没雷，可以实现展开一、分功能阐述： 1.初始化两个雷阵

我就是我/ 2022年05月27日 08:42/ 0 赞/ 283 阅读