終于分析完了，有興趣的可以來這看看，有源碼，有效果展示，也有我的一些小分析。地址：https://github.com/CruxF/IMOOC/tree/master/HTML5?1533109391385
2018-08-01
終于分析完了，有興趣的可以來這看看，有源碼，有效果展示，也有我的一些小分析。地址：https://github.com/CruxF/IMOOC/tree/master/HTML5?1533109391385
2018-08-01
最新回答 / 慕絲6324622
我明白了。。因?yàn)楸尘皥D，?？凸麑?shí)都是畫在一張畫布上的，循環(huán)的重畫，而背景圖這個(gè)是在之前執(zhí)行的，所以重畫背景圖之后，會(huì)使上一次所畫的內(nèi)容被覆蓋，相當(dāng)于“清除”；
2018-07-22
最新回答 / 慕妹5034279
大魚的動(dòng)作也可以使用deltaTime只是使用deltaTime是為了保持勻速運(yùn)動(dòng)的效果而大魚的運(yùn)動(dòng)使用lerpDistance()方法，大魚位置越趨近于鼠標(biāo)位置速度就越慢，本來就是變速運(yùn)動(dòng)，不用deltaTime也可以
2018-07-18
最新回答 / 慕移動(dòng)9181930
怎么個(gè)意思，妹妹，臺(tái)灣還有ie8?你也需要做兼容？源碼已經(jīng)有共享啦~\(≧▽≦)/~，在最后一章最后一節(jié)就能看到咯
2018-07-12
最贊回答 / 前端工程師666777888
fruitObj.prototype.draw=function?()?{?
ctx2.clearRect(0,0,canWidth,canHeight);//加上這句就行了
for(var?i=0;i&???this.num;i++){
????//????draw
????//????find?a?ane,grow,fly?up
????????if(this.l[i]&e;
=14){
????...
2018-07-07
默認(rèn)生成的魚，頭是向左的，在Canvas坐標(biāo)里面的角度，這個(gè)水平向左就是1 * Math.PI（180度位置）。所以魚自身的角度實(shí)際是多了一個(gè)Math.PI，也就是什么都不做就自帶180度。
計(jì)算鼠標(biāo)與魚的夾角beta后，必須再減去原來多出來的一個(gè)PI（實(shí)際上就是讓魚頭先旋轉(zhuǎn)回0度，或者說減回180度）。
在那個(gè)lerpAngle函數(shù)做判斷，不如直接在計(jì)算beta值（夾角）時(shí)減去一個(gè)PI。
var beta = Math.atan2(deltaY, deltaX) - Math.PI;
計(jì)算鼠標(biāo)與魚的夾角beta后，必須再減去原來多出來的一個(gè)PI（實(shí)際上就是讓魚頭先旋轉(zhuǎn)回0度，或者說減回180度）。
在那個(gè)lerpAngle函數(shù)做判斷，不如直接在計(jì)算beta值（夾角）時(shí)減去一個(gè)PI。
var beta = Math.atan2(deltaY, deltaX) - Math.PI;
2018-07-04
