老師講解原理圖時(shí),那個(gè)自適應(yīng)搖籃一樣的圖有點(diǎn)假,陰影要是動(dòng)了就完美了.
2017-09-18
自己跟著教程把代碼擼下來了,最終效果雖然與教程的有點(diǎn)偏差,但可以參考,對(duì)教程中的observer.js做了比較詳細(xì)的注釋;
項(xiàng)目地址:https://github.com/FanWalker/ChristmasGift,有幫助的話可以star一下,大家一起學(xué)習(xí)
項(xiàng)目地址:https://github.com/FanWalker/ChristmasGift,有幫助的話可以star一下,大家一起學(xué)習(xí)
2017-08-26
自己跟著教程把代碼擼下來了,最終效果雖然與教程的有點(diǎn)偏差,但可以參考,對(duì)教程中的observer.js做了比較詳細(xì)的注釋;
項(xiàng)目地址:https://github.com/FanWalker/ChristmasGift
項(xiàng)目地址:https://github.com/FanWalker/ChristmasGift
2017-08-26
借用老師的思路寫出了雪花 ,謝謝!
老師不是寫的很好,只是我們太膚淺了,代碼復(fù)用性很強(qiáng)。
寫雪花的時(shí)候記住每個(gè)雪花都應(yīng)該有自己的狀態(tài),否則會(huì)出現(xiàn)不流暢情況,特別是加速度,一定要重頭到尾都一樣。
思路如下
1.初始化雪花 并且將每個(gè)雪花的狀態(tài)保存至自定義的數(shù)組中,老師上面是保存在snowArr中,至于new snow(),可以這樣寫比較方便理解,snowArr[i]={這個(gè)對(duì)象進(jìn)行保存每個(gè)雪花對(duì)應(yīng)的狀態(tài)}
2.用for 遍歷 snowArr數(shù)組 并且 繪制雪花
最后就是邊界判斷了 if(圓心的Y-圓心R > canvas.height){ 就直接把圓心的Y-canvas.height}
老師不是寫的很好,只是我們太膚淺了,代碼復(fù)用性很強(qiáng)。
寫雪花的時(shí)候記住每個(gè)雪花都應(yīng)該有自己的狀態(tài),否則會(huì)出現(xiàn)不流暢情況,特別是加速度,一定要重頭到尾都一樣。
思路如下
1.初始化雪花 并且將每個(gè)雪花的狀態(tài)保存至自定義的數(shù)組中,老師上面是保存在snowArr中,至于new snow(),可以這樣寫比較方便理解,snowArr[i]={這個(gè)對(duì)象進(jìn)行保存每個(gè)雪花對(duì)應(yīng)的狀態(tài)}
2.用for 遍歷 snowArr數(shù)組 并且 繪制雪花
最后就是邊界判斷了 if(圓心的Y-圓心R > canvas.height){ 就直接把圓心的Y-canvas.height}
2017-08-05
效果出不來的只要把最后的})后面的逗號(hào)改成;就好了
$("button").on("click",function(){
/**
* 通過transition的方式改變運(yùn)動(dòng)
*/
$(".bird").transition({
'right': "3rem",
}, 10000,'linear',function(){
alert("結(jié)束")
});
});
$("button").on("click",function(){
/**
* 通過transition的方式改變運(yùn)動(dòng)
*/
$(".bird").transition({
'right': "3rem",
}, 10000,'linear',function(){
alert("結(jié)束")
});
});
2017-08-04