編寫程式碼創作從基本形狀到美麗的動畫流場
從這 3 小時的課程，你會學到
- 使用程式碼繪製並為你的創意編碼組合創建 5 個獨特的動畫專案
- 了解如何為形狀和粒子系統設定動畫
- 探索創意的編碼技術，從簡單到更高級
- 在有趣、難忘和視覺化的專案中練習 JavaScript 和前端 Web 開發
要求
- 需要具備 HTML、CSS 和 JavaScript 的基本知識才能獲得最大價值
課程說明
如果你一步步來，用程式碼創造美麗的東西會很容易。 讓我們探索創意編碼，並發現透過結合不同的繪圖和動畫技術可以做什麼。
知識就是力量。 這就是為什麼我們將只使用基本的程式設計原則 – 函數、陣列和 for 迴圈 – 以及普通的 JavaScript，沒有框架和函式庫。 當我們創建多個動畫專案時，我將解釋每一行程式碼。 能夠充分理解程式碼的工作原理將使我們能夠完全控製程式碼，並且可以讓它做任何我們想要的事情。
讓我向你展示如何繪製一條簡單的線條，為其設定動畫，然後隨著我們為創意編碼工具包 – 添加更多技術，將其變成越來越複雜的效果。
立即探索創意編碼的秘密。 最大的秘密是，創建複雜、美麗的動畫實際上比您想像的要容易得多。 你只需要一步一步來。 如果你將流程分解為各個部分，一切就都有意義了。
第 1 節：
在第一個適合初學者的區塊中，我們將學習如何在畫布上繪製形狀以及如何對它們進行動畫處理，將它們變成動畫螺旋、彩虹閃電和隨機塗鴉。
第 2、3 和 4 節
如果你已經了解在 HTML 畫布上繪圖的基礎知識，則可以直接跳至第 2 部分，我將在其中從頭開始主課程專案。 我們將創建一個動畫流場，對其進行實驗，並使其圍繞文字和圖像彎曲。
玩得開心！
目標受眾
- 想要用有趣的專案來練習和學習程式設計的初級 JavaScript 開發人員
- 任何對創意編碼和動畫感興趣的程式設計師
講師簡介
Frank Dvorak Frank 實驗室的前端 Web 開發人員與講師
嗨，我是 Frank！ 我是前端 Web 開發人員，Frank 實驗室 YouTube 頻道的所有者，該頻道專門從事使用普通 JavaScript 和 HTML 畫布進行創意編碼。 讓我們製作一些藝術、遊戲和視覺專案，並學習 HTML、CSS、JavaScript 和前端 Web 開發！
在我的課程中，我只使用普通的 JavaScript，沒有框架，也沒有函式庫。 當你對 JavaScript 這種程式語言有深入的了解時，選擇任何程式庫都是很容易的。
字幕：英文
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
- Udemy 永久擁有課程 限時優惠中 約NT330(點擊連結看更多)
- ✨年訂閱每月 NT350 🌈 悠遊 Udemy 的 26000+ 門課，最大化學習 ( 原價 NT635/月 )
- Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- ＄代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現
報名參加課程
也許你會有興趣
- JavaScript 學習地圖
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣！
- 從 Soft & Share 各種社團頻道挑選你喜歡的加入
發表迴響