html5爱心鱼游戏教程,HTML5小游戏---爱心鱼（上）

好，第二个步骤是绘制海葵，绘制海葵用到了一些API，我们来看一下这些API，回顾一下我们所写的。尤其是大家要掌握这些API如何来作用于场景，

首先这对API，save和restore我们已经用到了好几次，那就是在这两个API之间的方法或者定义，只作用于它们之间，一旦出了区间范围，这里面的东西就不再起作用了，比如我的lineCap是round等我出去之后，到这底下来，那这个属性就已经消失了，如果在顶上定义lineCap是另外一种类型，那么我restore之后，在这个位置的lineCap的属性就是save之前的属性，那么像这类属性：

ctx2.globalAlpha=0.6;

ctx2.lineWidth=20;

ctx2.lineCap="round";

ctx2.strokeStyle="#3b154e";

它只需要定义一次就可以了，因为这些都是属于属性类的，而不是命令类，也就是说跟这样的：

ctx2.beginPath();

ctx2.moveTo(this.x[i],canHeight);

ctx2.lineTo(this.x[i],canHeight-this.len[i]);

ctx2.stroke();

其中的

ctx2.moveTo(this.x[i],canHeight);我要告诉场景到某个位置，

ctx2.lineTo(this.x[i],canHeight-this.len[i]);画线段到某个位置，

这一类跟上一类是不一样的，属性哪一类写在for循环外面，定义一次就可以了，但是像这些命令呢，必须写在for循环里面，每一次循环都要执行的，哦，这个是大家要注意的。

画完了海葵，我们画了果实，果实这里面有一个比较重要的概念，那就是池，我们设置了30个果实的池子来一直循环不断的应用这些果实，一旦这个果实离开了屏幕，完成了任务，那把它的状态更改为停滞的状态，然后在这里等待，然后新生的果实有这样的需要的时候，我们就去池子里面找哪一个果实，可以去执行这个任务，我们就把这个任务赋给它，这个概念是比较重要的

查看全部

采集

收起

2020-11-26

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

html微信小游戏,白鹭HTML5游戏转微信小游戏问题集锦，你关心的都在这里
原标题:白鹭HTML5游戏转微信小游戏问题集锦,你关心的都在这里首先,再次强调一些微信小游戏的基础技术限制: * 不允许操作 DOM.BOM.如果必须改成小游戏相应的 API 调用方式,目前引擎会自 ...
html5 接东西游戏,html5手机触屏接红包小游戏代码
特效描述:html5手机触屏接红包小游戏.canvas 红包下落点击接住红包,结束计算金额及红包个数.请用手机扫码打开正常演示. 代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 fu ...
【源码+教程】Java课设项目_12款最热最新Java游戏项目_Java游戏开发_Java小游戏_飞翔的小鸟_王者荣耀_超级玛丽_推箱子_黄金矿工_贪吃蛇
马上就要期末了,同学们课设做的如何了呢?本篇为大家带来了12款热门Java小游戏项目的源码和教程,助力大家顺利迎接暑假![源码+教程]Java课设项目_12款最热最新Java游戏项目_Java游戏开发 ...
[小游戏资源] 微信小游戏开发资源目录
一.官方微信小游戏教程小游戏简易教程小游戏API大全小游戏开发工具小游戏应用商店二.微信小游戏精品源码 [小游戏源码] 微信小游戏空中射击源码 [小游戏源码] 微信小游戏星途Demo源码 [ ...
flash游戏教程集锦~~制作游戏有疑惑的先来这里看看~~
http://www.flash8.net/bbs/dispbbs.asp?boardID=38&ID=183016&page=1 flash游戏教程集锦~~制作游戏有疑惑的先来这里看 ...
怎么开发联机小游戏_微信小游戏创意大赛火热进行中，小游戏联机对战引擎免费用...
腾讯云为小游戏开发者升级工具箱小游戏联机对战引擎免费用由微信小游戏举办的"微信小游戏创意大赛"正在火热进行中.12月23日,腾讯云宣布,除了给创意大赛的参赛者提供基础云资源,还 ...
在线小游戏，在线小游戏大全，网页在线小游戏大全
在线小游戏推荐,本在线小游戏来源于中国最知名的在线小游戏网站--爱游戏网:http://www.iiyouxi.com 在线小游戏,小游戏,在线游戏,网页游戏,网页小游戏区养成网页游戏:http:/ ...
解决QQ小游戏、微信小游戏 getLaunchOptionsSync()获取的数据为旧数据
解决QQ小游戏.微信小游戏 getLaunchOptionsSync()获取旧数据的问题维尼与你同在 @13805064305 原因一般这个问题不是首次登录出现的,而是第二次从别的游戏跳过来,后台 ...
QQ小游戏、微信小游戏获取ip地址，并通过ip得到所在地区
QQ小游戏.微信小游戏获取用户的ip地址,并通过ip得到所在地区问题解决了就点赞,还有疑问就留言或是私我,臭弟弟记得要把合法域名加进去,或者编译的时候不校验合法域名等,不然会报错如果是后端屏蔽, ...
C语言实现小游戏——模拟微信小游戏《最强飞刀手》
C语言实现小游戏--模拟微信小游戏<最强飞刀手> 曾经玩过的微信小游戏,想着用C语言实现,只可惜,下图是我的上限. 这个下游戏界面简陋,把旋转的西瓜做成了平的接盘:实现的功能有:接盘的移动 ...

html5爱心鱼游戏教程,HTML5小游戏---爱心鱼（上）

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

最新文章

热门文章