OK，我們將歡迎回來。
因此，在這個視頻我們將採取什麼我們已經做了，我們要稍微製作動畫。
所以最終我們希望發生的是，對每一個按鍵，我們得到一個隨機位置的圓圈，顏色和顏色略有動畫。
而且我們也得到了大小動畫。
所以，我不知道，如果你能在顏色變化回暖，但它這是非常sleights只是添加一點點的色調。
但是，那些每個人都會為我們啟動。
我們要真正開始只是改變這些圈子的顏色和我們實際打算通過只是改變一個圓圈的顏色開始簡單。
所以，他們不是全部這將留待以後。
所以，如果我們去Paperchase回去的教程，你看動畫底部。
你可以做的第一件事就是看看一些例子。
下面是一個例子。
你可以看到它真的很簡單其實做動畫。
我們做的是，我們在這種情況下，就定義了一個矩形。
在我們的情況下，這將是一個圓，然後有這個框架上和任何代碼，我們擺在這裡將動畫的每一幀上運行。
因此，在這種情況下，這個動畫的每一幀我們正在旋轉的矩形三度或在這種情況下，這是我們要利用我們增加一到這個圈子，我們這裡定義了的色調每一幀的內容。
因此，讓我們嘗試了這一點。
讓我們繼續前進，使一個新的循環的關鍵不是在內部進行。
因此，這將只是總是存在的頁面加載時。
所以我們把它叫做VAR動畫圈相當於新的路徑點圈，將其成為新的點，讓我們這個圈子在300逗號300和半徑。
讓我們把它大100。
就這樣。
然後，我們會做動畫的，什麼是所謂的動畫圓，而不是動畫點填充顏色，並將其設置為紅色，開始就這樣。
大。
所以它不會被動畫還沒有，但如果你刷新，我們得到一個大圈，每次我打了一個關鍵時期，我們得到小圓圈是隨機的。
現在，我們需要在我們的動畫添加和我們的框鋸功能，它真的很簡單，我們可以向內或向外傳遞，除了這個事件的說法。
如果我們想做些事情，每個幀如果我們想了解它的部分數據，我們實際上並不需要的。
然後將所有的在這裡做的是動畫界點填充顏色，你加等於1。
這是直接從該例子。
所以每次動畫請求一個新的幀裡面是達不到我們，讓我們沒有決定的幀速率這段代碼被執行的頻繁。
每當有一個新的框架，其論文只是需要我們增加一到她的動畫圓的色調照顧。
讓我們來刷新我們走吧。
所以，真的很簡單，做這種動畫的。
我們也可以做動畫，雖然只要改變一些立場，這是更複雜一點。
這一次是因為他們不只是動畫的東西從一個點到另一個點，它也沒有加速均勻，更加複雜的這個例子。
所以這是一個稍微複雜一些，但仍然只有幾行。
這裡搬東西的另一個例子。
其他一些動畫。
我們打算做雖然是使用的東西，他們不顯示，而我花一點點時間挖成我們想要做的只是規模每一個下來的每一幀的文檔這裡的例子。
所以我們要做的基本上是當我按下我們做了一圈的關鍵。
比方說，它開始作為300 300或300的半徑原諒我，當我打的字每幀或基本上是由點擴展它一九點九八縮小一點點。
我忘了確切的數字，但我們被一個較小的尺寸每一幀乘以它，它只是收縮和收縮，因此消失。
所以，我會告訴你如何工作的。
讓我們再回到我們的代碼，我們有一圈還是動畫和框架，而不是僅僅增加一個色調裡面。
我們要做的就是做動畫圓點標尺是，我找到了一個方法，我們可以用我們想如果我們只是停留在這的話，會保持相同的大小，所以我們不會真正看到它的任何部分繁殖。
但是，如果我們做一些像點九，我們有刷新我們去每幀由1變為hewe。
它通過擴展點九，百分之九十的東西它是在一幀。
因此，如果我們改變，要像9點9是一個比較長的過渡下來，如果我們將其更改為類似點五次它會非常非常迅速萎縮。
所以每一幀它得到的一半大，因為它是在前面跑。
所以，我想我是用9點開始了。
因此，我們會留在這。
現在我們有一個圓形變色，萎縮，我們想下一步要做什麼時，我打這些其他鍵。
你想那些圈子做同樣的事情，這是一個有點複雜。
但說實話這裡的代碼將保持所有不同了相同的是，我們需要為每個圓圈這是在頁面上做到這一點。
這可能是最劇烈的變化，這將使實際上會做的就是每次都圈的數組，我們按一個鍵，我們將添加圈新的數組，因為現在我們實際上並不跟踪所有的圓圈，我們需要保存所有的人都莫名其妙。
這樣的框架在這裡，在這個功能我們就可以重提已經存在和動畫每圈。
因此，我們將保持這個代碼。
但是，我們想要做的是遍歷數組不存在，所以我們只是把它圈。
因此，對於變種i等於比星聯圈少零阿亞斯。
另外再加上我們想要做的是做圓。
我填充顏色在這裡所做的。
所以我們剛開始只在一開始的填充顏色。
所以我就複製這條線。
因此，它不會因為圓的不存在尚未工作。
但這個想法是通過這個數組各界每一幀我們循環，我們添加一個到每一個色調每一幀。
你可能會認為這是相當激烈的，這是它的很多東西發生，但紙只是需要照顧它。
但我們會也在接近尾聲一個小的優化被加入，所以我會告訴你我是什麼意思在未來的視頻。
但現在這是我們要做的。
而我們現在要做的實際上是添加這個圈子，我們正在做成圈排列，所以我們可以定義數組，我們圈是一個空數組，當你按下鍵上的一鍵啟動再下來我們就做圓圈往上推新社交圈中圈站推這條新道路出圈在這個隨機點。
現在，我們有10個半徑和復位殺填充顏色為橙色。
因此，我們只需按下那個圈子，我們已經有了進入這個圈子的數組。
然後，我們每天更新圈子。
所以，有可能是一個圓圈有可能是20圈。
有可能是在任何給定時間100的社交圈。
我們遍歷所有這些，添加一個到每個隊列，如果我們看看現在和刷新它不相當，但工作。
這帶來了約推是如何工作的一個非常有趣的觀點。
所以，如果我打開控制台它告訴我，我不能讀不確定心態24社和色調也就是在這裡。
所以它不是以某種方式它不讀菲爾顏色休財產說菲爾代碼不存在。
因此，讓我們做一個恆定的日誌圈。
你會看到的問題是什麼。
如果我打開這件事它停止，因為我們有一個錯誤。
但是實際上我們加入橙串入數組而不是實際的新的循環。
那是因為我們正在推動的不僅是我們正在做新的圈子新的圈子。
然後，我們設置填充顏色為橙色。
因此，在返回的最後一件事是字符串橙色。
所以，最終的結果是，我們只是在橙色每次推。
這不是我們想要的。
因此，我們要創造一個新的變量，我們就叫它我們新的圈子，然後我們會做新的圓圈點綴填充顏色分別等於橙色，然後我們將在新一輪推。
因此，而不是編輯了這一點，我不認為這是看到一個重要的錯誤。
完全抓住了我措手不及一會兒有，但要了解如何工作的，我們有，我們已經通過了一圈，然後點填充顏色等於橙色，我們只是補充說整個事情到彼此頂部的那些鏈接的方法很重要數組與推動。
我們只是在加入橙色。
因此，我們需要解決它。
所以希望這樣做吧。
而實際上我知道它，但如果我們是新鮮的，看看現在新添加到圈子隨意放置，他們都敵人Heugh動畫所以才完美。
現在讓我們來更新此與大小的工作。
因此，它實際上只是我們這裡有這個確切的同一行。
我會擺脫我們不變的無法登錄的。
除了我們要圓。
一世。
好。
所以之前我告訴你，如果它的作品讓我們只是回顧一下我們所做的。
所以，當你打我們了一圈一個隨機點2添加任何按鍵我們做一個隨機點，使與隨機點10像素的半徑一個新的圓，讓真正改變以匹配我們在這五百解決方案然後我們賣的補卡，開始為橙色，這將最終改變。
然後我們的推到一個數組稱為圈。
然後，每一次一個新的框架被稱為我們通過各界循環每個動畫幀。
而對於每一個我們增加一到hewe，我們正在由點9乘以規模的大小。
因此，我們僅僅通過每幀點點縮小它。
但有這麼多幀，它實際上縮小很快，我們可以擺脫我們的動畫圈，現在開始頁面加載。
我們並不想開始一個黑色的屏幕。
然後當你投中關鍵我們添加了一圈。
因此，讓我們試試吧。
在那裡，我們走了。
因此，這幾乎是完全一樣的方式。
這裡是聲音。
其中一個最大的區別是顏色表示，這些每個鍵都有一個指定的顏色這裡這麼問是否這藍色深藍色的一半。
它是灰色的。
所以我們這是紫色的，現在我們在這裡設置每個人開始為橙色，然後改變色調。
因此，我們需要解決這個問題，但我的意思是迫不及待地做到這一點，直到我們的聲音補充。
因此，我們現在做的。
有一個小的優化，這將使它最終因為現在我們永遠從圓陣消除這些圓圈。
所以，即使你知道10秒後那個圈子已經三連秒後，我們沒有看到它。
從技術上講，它仍然是數組中為止。
所以這是不理想的。
如果我們有，我們已經創造了10000圈，我們沒有看到任何人，我們不希望被遍歷所有的人。
所以在最後一個視頻我會告訴你怎麼才能刪除圈子，當我們知道它的消失或者當我們知道它不再是可行的。