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