canvas-js实现flyBird游戏

迈不过友情╰ 2023-06-12 06:30 39阅读 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 条评论，39人围观）

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

相关阅读

相关 FlyBird

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

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

相关 FlyBird(飞翔的小鸟)Java小游戏

FlyBird(飞翔的小鸟)Java小游戏游戏简介《flappy bird》是一款由来自越南的独立游戏开发者Dong Nguyen所开发的作品，游戏于2013年

柔光的暖阳◎/ 2024年03月30日 15:27/ 0 赞/ 75 阅读

相关 js实现扫雷游戏

扫雷游戏实现过后的效果图如下： ![在这里插入图片描述][20200322083927236.gif] 代码讲解如下：给出了具体思路，是我自己总结的，可能有人的

超、凢脫俗/ 2023年07月17日 14:08/ 0 赞/ 24 阅读

相关迷宫游戏python实现

在[迷宫算法总结篇][Link 1]中我总结了生成迷宫的四种算法，在这一篇文章里面我侧重迷宫游戏的实现以及可视化。使用python3中的GUI绘图库tkinter实现了一个

太过爱你忘了你带给我的痛/ 2023年07月03日 02:59/ 0 赞/ 7 阅读

相关 canvas-js实现flyBird游戏

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

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

相关 java实现2048小游戏

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

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

相关彩色雨滴掉落Canvasjs特效

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

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

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

项目目录 ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5rSb6Ziz5rOw5bGx

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

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

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

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

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

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

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