html5爱心鱼游戏,HTML5小游戏---爱心鱼（下）

1-4 身体变白

身体变白是大鱼不能及时把能量传递给小鱼，小鱼表现出的动画，身体变白通过序列帧完成，原理同尾巴，但是身体变白是个有去无回的过程，当小鱼身体完全变白，表示gameover

在main.js中：

//小鱼身体图片数组

var babyBody=[];

for(var i=0;i<20;i++){

babyBody[i]=new Image();

babyBody[i].src="./src/babyFade"+i+".png";

}

在baby.js中：

baby类定义中：

this.babyBodyTimer=0;

this.babyBodyCount=0;

draw方法中：

//baby body

this.babyBodyTimer += deltaTime;

if(this.babyBodyTimer>300){

this.babyBodyCount = this.babyBodyCount+1;

this.babyBodyTimer %=300;

if(this.babyBodyCount > 19){

this.babyBodyCount=19;

//game over

}

var babyBodyCount=this.babyBodyCount;

ctx1.drawImage(babyBody[babyBodyCount],-babyBody[babyBodyCount].width*0.5,

-babyBody[babyBodyCount].height*0.5);

同时删除之前定义的this.babyBody=new Image();

game over 的显示到后面再做。

大鱼喂小鱼的核心机制是：首先大鱼必须吃到果实，在小鱼完全变白之前，大鱼喂小鱼，使得小鱼身体重新变红，接下来做大鱼喂小鱼的逻辑判断

查看全部

采集

收起

2016-11-25

html5爱心鱼游戏,HTML5小游戏---爱心鱼（下）相关推荐

HTML5/Canvas太空射击类小游戏源码
下载地址 JavaScript HTML5/Canvas太空射击类小游戏源码,非常值得学习的一款js射击小游戏代码,美术有点老旧,但是代码是完全开源的,有参考价值. dd:
加减法html5小游戏,加减法小游戏.doc
加减法小游戏加减法小游戏六六大顺:在算盘上打上666,紧接着再减去666.这样反复练习,切忌严格正确使用指法.也可化简为拨6退6,反复练习.这样练习,不用脑子,可一边练习一边看书或看电视或聊天等等 ...
H5小游戏和小游戏之间存在什么技术差别？
近几年"跳一跳"."羊了个羊"微信小游戏上线仅仅4年时间,除过产生不少爆火上热搜的小游戏之外,还涌现了许多像是"口袋奇兵"."动物 ...
java小游戏-java小游戏-大鱼吃小鱼
java小游戏-java小游戏-大鱼吃小鱼 1 创建窗口 2 添加背景图 3 启动封面 4 启动页面的点击事件 5 游戏开始时的背景添加 6 双缓存解决闪屏问题 7 地方第一条小鱼的添加 8 敌方左方 ...
[小游戏] 微信小游戏开发源码_教程_工具_资源最新集合
[小游戏资源] 微信小游戏开发资源目录一.微信官方游戏教程小游戏简易教程小游戏API大全小游戏开发工具二.微信小游戏图标资源 Game-icons.net 三.微信小游戏图片资源 Super ...
java小游戏-java小游戏-飞机大战
java小游戏-java小游戏-飞机大战 1 窗口创建 2 背景图片添加 3 启动页面制作 4 启动页面点击事件 5 游戏物体父类的编写 6 背景的移动 7 双缓存的添加 8 背景图片的循环出现 9 ...
【JAVA程序设计】基于JAVA的坦克大战小游戏--入门级小游戏
基于JAVA的坦克大战小游戏--入门级小游戏零.项目获取一.项目简介二.开发环境三.游戏玩法四.运行截图零.项目获取获取方式(点击下载):是云猿实战项目经过多人测试运行,可以确保100 ...
java小游戏-java小游戏-黄金矿工
java小游戏-java小游戏-黄金矿工 1 窗口绘制 2 绘制图片 3 红线绘制 4 红线摇摆 5 红线抓取 6 创建金块 7 双缓存技术 8 抓取判断 9 抓取返回 10 多个金块 11 Bug金 ...
使用SDK快速接入各大平台快游戏微信小游戏 QQ小游戏使用方法-附源码下载地址
使用SDK快速接入各平台快游戏微信小游戏 QQ小游戏使用方法引入SDK文件 // 该方式引入可以直接使用qgsdk<script src="qg-sdk.min.1.0.4.js ...
【源码+图片素材】Java开发经典游戏飞翔的小鸟_Java游戏项目Flappy Bird像素鸟游戏_Java小游戏_Java初级项目_Java课程设计项目
开发环境: jdk1.8 开发工具: IDEA JavaEE基础: 变量.数据类型.判断语句.循环结构.数组.集合.简单窗口创建.图形图片绘制.双缓存技术.事件-键盘事件.物体的碰撞检测.File [ ...

html5爱心鱼游戏,HTML5小游戏---爱心鱼（下）

html5爱心鱼游戏,HTML5小游戏---爱心鱼（下）相关推荐

最新文章

热门文章