好。
所以，讓我們在這裡開始。
而這個視頻將專注於獲得Paperchase建立和做一些簡單的簡單的動畫。
所以，剛才還沒有音訊。
第一件事，我會指出我在我創建了一個新的目錄。
我說這裡聽起來目錄。
因此，請確保您不必為這部影片做一定是因為你不會被打的聲音。
但是，如果你想跟著做一個目錄確保您拖動或複製聽起來文件夾進去。
你需要做的下一件事就是讓我們的文件，所以我會做一個文件保存到正確的目錄，我只是把它每次圓。
嗯，我在我院添L.當然只是這樣的骨架，我們會留在現在它。
所以，就讓我們打開它真的不應該看不到任何東西。
現在，讓我們去紙天才。
再次，我真的很喜歡這一個。
但是，我們要離開這行動，我們打算去下載啟動。
我們會做的第一件事就是剛剛下載的我其實已經做了最新的版本。
因此，當你做完這些就這個樣子。
我們可以做的第一件事是剛剛參加例子目錄看看。
讓我們來看看動畫的動畫明星。
很有趣玩弄這讓我暈了，所以我打算關上了。
但是你可以看看一些其他的人也是如此。
糖果傳奇。
因此，有一些很酷的動畫，你可以做。
這裡還涉及到一個小物理學。
還有什麼做的，我們有。
這很酷線動畫和一大堆其他的都是你。
我真的很喜歡這一個這種視差效果您移動鼠標。
好。
所以，你可以花時間做這個。
有很多的，如果你願意，你可以打開任何人了很好的例子。
看看它是如何工作的。
所以，讓我們來看看，你會看到我們包括紙張J.S是一個空間的第一件事..
我們當然需要這個文件，就像我們需要傑伊·奎裡的圖書館。
但是，有什麼東西，你有沒有見過這是我們有一個腳本類型等於文本斜線紙腳本。
所以這是文件的特定類型或說我們可以寫稱為紙的腳本這是一個領域特定語言基本上是它是專門為paperchase取得了語言腳本。
因此，它不是東西，將工作，除非我們已經Paperchase包括在內。
然後你也看到這個畫布屬性帆布等於畫布。
因此，這是一種奇怪的畫布就是它的老化讚美詩元素。
因此，它實際上是在這裡，我們所做的一切。
我會告訴你現在檢查這個權利。
這是工作版本或最終版本。
如果我來看看第一個向你展示它是如何工作的。
再次，如果我看看，我檢查一下黑色的背景是不是身體。
這是一種叫做畫布，畫布，基本上作為一個地方做動畫和圖形的HMO元素。
所以，如果我去DN看看畫布可以看到，添加了香味歲的五到每一個煙霧大麻元素可用於繪製圖形是在Javascript腳本。
所以這就是全部是。
它在畫布自身沒有JavaScript的它確實沒有做任何事情的元素。
但後來我們去添加JavaScript對說這樣的話使矩形這裡讓綠色製造三維形狀在這裡做這個動畫，我們這樣做，所有的JavaScript。
所以紙J.S.使用canvas元素。
它的階段，就是它在所有的圖形所有的動畫補充道。
所以我們需要有我們的網頁上的畫布，你可以看到這個空間的例子。
如果我去最底部的肌體的唯一事情是這樣的在這裡畫布，它有ID等於畫布，也設置為黑色背景。
所以標識等於畫布符合這條直線就在這裡。
帆布等於畫布。
所以，我們只是告訴本文腳本文件或本文腳本腳本什麼ID尋找這在剛剛命名，但畫布上的例子。
所以，我們要做的非常類似的措施。
但在我們那裡，我們需要確保我們包括紙張是的。
所以，當你去下載。
和而不是打開的例子，我們要看看索引，然後我們可以選擇任一紙全部或紙充滿了男人和了解這裡的滿之一。
所以，我要在複製到我們的目錄中，以便紙Dasch充分，但我們那麼在我們自己的應用程序，我們需要確保包括。
所以源等於紙Dasch全japes就這樣和保存。
然後，我們要做的只是刷新頁面在Chrome中。
確保我們不會得到一個錯誤。
大。
因此，找到該文件就好了。
現在，讓我們去紙天才的文檔，看教程，所以我其實沒有做這個早期。
但我想讀什麼紙JSA是描述。
因此，它是上了年紀的頂部運行，以我的五個帆布一個開放源碼的矢量圖形腳本框架。
它提供了一個乾淨的場景圖的斜線文檔對象模型和很多強大的功能來創建和處理矢量圖形和貝塞爾曲線都在一個精心設計的一致性和清潔的編程接口整齊地包裹起來工作。
所以，那種拗口。
基本上這是一個踢屁股畫庫動畫庫圖形庫。
這真的很受歡迎。
有幾個人在那裡，所以它不是它不像一個查詢它幾乎是一個DOM操作庫。
在一個事件處理庫。
在圖形事情有很多動畫在那裡，但紙是我很有信心說這是最流行的。
好讓我們回去教程和看一看起步。
我想是的入門紙工作。
是。
我們會向下滾動這裡看看他們的榜樣。
所以，我們可以做的是複製這整個事情。
但我想這樣做一塊在一個時間，讓你看看它是如何工作的。
因此，讓我們通過複製此畫布上開始只是複製整條生產線，我們就會把它放在我們的身體。
所以帆布內徑等於我的畫布，如果我刷新頁面，我們將不會看到在所有的東西。
如果我們的預期，我們將看到有一個畫布存在，但如果我們回去讓因為文字大小的紙張腳本畫布是我的畫布的複製這個腳本文本或類型。
讓我們把在這裡並粘貼。
所以，如果我們看看這裡發生了什麼有一些不錯的評論說，它創建了一個紙摹-S道路畫線。
所以，我們做一個路徑和你將在這裡看到了很多語法，你從來沒有見過。
並再次這一點。
關鍵是，我逼著你看到一些新的東西來閱讀文檔。
它可以脫敏你的我這種感覺不知道我在做什麼，我從來沒有見過此代碼之前，我不知道它是如何工作的。
這是一種庫的點。
你不必知道它是如何工作尤其是對於像動畫。
只是很高興有其他人照顧它。
我肯定是它救了我的命了很多次。
所以，我們在這裡保存它創建一個變量的新路徑。
我們改變筆觸顏色為黑色，然後我們在100逗號100創造的開始點，然後我們繼續我們的道路到開始，然後我們畫一條線，開始加100 X和負50歲。
所以，我會告訴你，做什麼，但它吸引了來自100 100起一行，然後將其移至該行或將其第一點連接到300逗號50。
因此，如果我們看一看使我們如果新鮮確保一切工作正常。
我們結束了一個線。
所以，當你有新的東西這樣做的最好的事情就是玩耍。
因此，嘗試改變這一點。
因此，它是紅色，現在開始為0 100。
在那裡，我們走我們剛搬到我們這行的，或讓我們改變這是一些更激烈的像500。
所以，你可以用這終日玩耍。
但我想真正指出的是，我們正在創建一個腳本文件腳本不是文本所以它的JavaScript腳本文件，我們正在設置該屬性帆布帆布等於我的畫布是名稱，或者我們分配的ID。
因此，這些必須匹配和整個點只是告訴本文腳本文件在哪裡畫的東西。
使用什麼樣的畫布。
因此，我們可以玩多了不少。
我會強烈建議你停止播放視頻並看看教程嘗試一些其他的東西。
所以我就為您指出的路徑的預定義的形狀，這就是我們將要使用。
我們將與我們的應用程序在這裡決策圈。
因此，這是我們需要做的。
讓我們只是在這裡複製此代碼，以便帕特新的路徑點圈，那麼你必須給它一個點作一圓。
然後半徑樣子。
所以你可以看到有一個解釋，所以它需要一個中心點x 100是70和50半徑，然後填充顏色。
因此，讓我們一起來看看眼前這個複製到我們的代碼底部，看看會發生什麼。
這是什麼樣的，你做了很多為J S和類似的庫。
你只是實驗。
因此，讓我們改變半徑為10。
你去那裡。
所以，我們也可以嘗試通過只複製下來到另一條線路做另一個圓。
讓我們把它叫做變種圈2等於新的路徑點。
讓我們使這一個真正的大和紫色。
因此，新的起點，讓我們把它放在50。
走過了50，這將是巨大的。
因此，它給它的300半徑，然後圈填充顏色等於紫色。
就這樣刷新。
你可以看到我們最終與巨大的圓圈，你居然分不清它有多大，因為我們的畫布沒有採取我們的屏幕的整個寬度。
因此，讓我們做，明年，因為我們希望我們希望我們的畫布佔用的整個寬度。
所以，我會去，並作出新的樣式表，所以我說的鏈接標籤這裡Tref的等於圓的點SS不存在。
然後讓我們保存了一個名為圈Stut看到評估什麼，我們要做的是在畫布上增加100％的文件。
而且，我們也給它的黑色背景。
如果我們是新鮮的，你可以看到我們正在接近，但我們有幾件事情。
其中第一個就是我們的身體實際上並不走一路下跌。
因此，我們的畫布佔用的寬度時，100％。
但是，即使我們給它100％的高度，現在它不會真正改變我們希望它的方式。
然後，我們也有這樣的利潤率，我們想擺脫的。
因此，而不是花太多的時間去在那我就告訴你什麼是我們需要做的。
那麼剛才設置高度為100％，而利潤率為零。
如果我現在刷新頁面，它佔用整個屏幕。
所以如果你想之前，我們在添加此代碼，然後再取消註釋檢查身體，你看看會發生什麼去到更多的細節和準確理解，為什麼我們這樣做檢查身體。
基本上我們只是確保身體佔據整個寬度和高度，有沒有保證金，這意味著我們的畫布會再展開佔用了整個空間為好。
好。
所以我們創建了一個帆布現在真的，我會在這個視頻做的最後一件事。
我只是想向你介紹我們是如何文書的有紙劇本的腳本。
我們給它一個畫布，然後我們在這裡放一些代碼，你從來沒有見過的。
很多這樣我已經，直到我做了這個視頻，或者直到我做了這個項目為這部影片從未有過的。
我肯定見過。
這種精確的視頻。
但問題是，它是新的。
這就是為什麼我們正在這樣做。
這是一個非常重要的技能，能夠利用氧化還原代碼，基本上它複製並更改它。
大。
因此，在接下來的視頻中，我將會給你一個快速的自選動作，所以如果你只是想獲得該項目，並跳過不管你想叫它教育學習經驗。
但是，如果你只得到一種回報繼續跳到下一個視頻。
我建議你這樣做雖然。
我們不會做出最令人印象深刻的事情，但我要你做一些圈子裡的練習。
非常令人興奮的。
我知道。
好。
我見。