-
效果出不来说是对象没定义，没看明白，检查了一下，已经定义了呀，new查看全部
-
阶段一以及阶段二目标查看全部
-
0.99>0.9,大鱼运动的速度慢，0.9——>0.6,大鱼的反应更灵活。查看全部
-
body加载完之后执行某个函数： document.body.onload = game; function game(){ console.log("onload"); }查看全部
-
电脑版右侧有图片和JS文件下载。查看全部
-
请问这个游戏中所需要的图片资源在哪里获得呢？？？求解查看全部
-
大于运动 明显与鼠标不符
我之前已知图片显示很大很糊，大鱼代码检查不出问题。改了canvas参数居然神奇的好了哈哈
正确：<canvas id="canvas1" width="700px" height="400px"></canvas>
错误：<canvas id="canvas2" ></canvas>
错误：#canvas1 { position: absolute; left: 300px; top: 100px; z-index: 0; width: 700px; height: 400px; }
在js中获取canvas的宽高：
正确：canWidth = can1.width;
错误：canWidth = can1.style.width;
查看全部 -
drawImage以后发现果实太大。
因为drawImage方法显示的图片大小与设备分辨率有关的，如果想要缩小图片，可以在此方法中加入width和height宽度。并将其大小设置为原来的0.2倍（倍数可以自己设定）。即ctx2.drawImage(this.orange,this.x[i],this.y[i],this.orange.width*0.2,this.orange.height*0.2);
此时果实已经看起来正常了，但是发现果实没有在海葵上面，因为这是的x，y坐标对应果实起点而非中心点，因此还要修改x,y.
最后的drawImage方法为ctx2.drawImage(this.orange,this.x[i]-this.orange.width*0.2*0.5,this.y[i]-this.orange.height*0.2*0.5,this.orange.width*0.2,this.orange.height*0.2);
查看全部 -
课程基础知识
查看全部 -
阶段及目标
查看全部 -
玩法…………
查看全部 -
大鱼绘制使用到的API
translate()
rotate()
Math.atan2(y,x)
查看全部 -
beginPath（） 方法开始一条路径或重置当前路径。 closePath（） 创建从当前点回到起始点的路径。 strokestyle（） 设置或返回用于笔触的颜色、渐变或模式。 stroke（） 绘制已定义的路径。 linewidth（）设置或返回当前的线条宽度。 linecap（）设置或返回线条的结束端点样式。 globalAlpha 透明度查看全部
-
3-2下期课程简介： 那第二阶段的课程呢，我们其实刚才已经前面讲了，一个是小鱼的动画，小鱼动画跟生命值判断，跟游戏分值的计算，哦，这些都是相关的，是牵扯到游戏结构的一个东西，再就是大鱼去喂小鱼，除了这些之外呢，其他的都是一些渲染性的东西，然后大鱼的动画啊，特效啊，海葵的摆动啊，浮游物啊，这些都是一些血肉的东西，好，那我们下一个阶段的内容看起来不少，但是我们会很快把这些内容掌握，期待大家会继续来学习第二阶段的内容，好，再见，我是Daisy。查看全部
-
大家来看一下它的lerp值，虽然我当时讲的不是非常的详细，但是大家用高中的数学知识，还是没有问题，不过就是一个数学计算的事情，但是还是要计算的精确准确一点，好，这就是大鱼所用到的API，除了这个角度的lerp之外，还有它的位移，我们也用了一个lerp，lerp的好处就是呢，可以使的它的运动会非常的平滑，它的速度回时快时慢，这样看起来会活灵活现，如果它是每一个匀速运动呢，看起来就会非常呆板，我们的数值可能有一点快，现在用录屏软件呢，这个大鱼游的速度算是正常，但是我发现我不开录屏软件的时候大鱼的速度其实是蛮快的，可以去调整这个值让它真好合适，不快不慢，游戏又有难度又不会无聊，大鱼后面我们做了大鱼吃果实的碰撞检测，碰撞检测其实是非常简单的一个碰撞检测，当然碰撞检测的方法又各种各样的，比如说如果是一个方块的检测，那我们应该怎么做？它的外边缘是不规则的，如何来检测，那么技术上就会复杂的多，我们这里做的检测呢，是非常简单的，我们仅仅计算大鱼跟果实之间的距离，这个距离而且我们在计算的时候，是得到了一个距离的平方，为了减小计算量呢，我们只需要得到一个平方值就可以了，它是不是一个准确的值都没有关系，好，绘制小鱼，绘制小鱼的时候跟大鱼是一样的，也会用translate，rotate，还有反正切函数，那我们在这个阶段呢，做的事情呢，其实就是这些，好像我们感觉花了很多的精力，但是做出来的东西还好，同时内容不是特别的多，希望大家能够掌握这些内容，并且在学的过程中呢，能够发现一些乐趣，我们来介绍一下在第二阶段的课程内容查看全部
举报