初識Canvas 入門開場白 獻給追求質感的你
更新於 發佈於 閱讀時間約 1 分鐘
說到筆者第一次認識這個小傢伙，是在大學作專題時，學長傳承下來遙控車控制器，主要功能就是透過點擊、拖曳畫面，來讓控制桿往XY軸變化，進而達到加速、轉彎、減速、倒退的效果。
這邊做了一個演示，可以玩玩看。
．．．
說是美好的邂逅就有點老套了，其實當初筆者才剛學Javascript，裡面的內容完全就是天書，你說若只是讓Canvas畫一張圖，確實很容易；但是要做成動畫般流暢，還得跟使用者作互動，聽起來簡單，卻在當時把我考倒了。
也是因為這樣，回顧這些日子以來受到Canvas的照(ㄊㄨˊ)顧(ㄉㄨˊ)，覺得有不少的細節和內容值得分享，甚至還能跨領域結合平面設計的部分，讓圖片更加生動，活靈活現，所以決定開始撰寫這一系列的文章，來從實作面教導大家如何操作Canvas，過程中也會附上簡潔的程式碼，讓大家少走歪路。
當然，我也不是要跟w3school打擂台賽，相信你去問問身邊的人，用過的都說讚，除了有些英文看不懂偶爾要用google翻譯以外。這一系列的文章呢，比起w3school條例式的範例教學，更偏向單元式的教學，將不同的函式功能整合起來實作，等到基礎篇告一段落後，就可以開始結合PS, AI，還有一些函式庫來做效果啦!
在此推薦給對程式有熱情的你，建議先對Html和Css的語法架構有基礎認識，再來學習撰寫Javascript，歡迎在各大平台訂閱我，追蹤後續篇章。
最後分享一下個人的作品集，預計兩個月內，教會大家如何從無到有!
3會員
2內容數
留言
留言分享你的想法！
你可能也想看
Google News 追蹤
1-4 第一次公演（下）
亮亮跟喬、與安深刻的白月光公演結束了，而得到第一名的他們，峰哥卻因為賽制離開了。
看到節目時這時候其實我拳頭都硬了，看到亮亮整個人都要碎了。
我也跟著碎了，這篇同人小說真的是完全帶著愛在寫的，寫到那個時候，哎呀。
不過喬跟安做了第一個承諾了！
1-3 第一次公演（上）
亮亮閃亮登場！第一次公演是他們的白月光，所以分成上下篇。
上篇借鑑了很多真實場景，以及我自己舞台的解讀。
還有安安許多的內心獨白。
以及喬喬的熱情，不過其實喬還是很沒安全感的，後面的章節會慢慢凸顯。
花了很多時間梳理他們的群像。
竹內栖鳳，京都畫師，師承四條派的幸野楳嶺，也培育眾多優秀弟子。
2024年2月28日，我在福田美術館的展覽中，看見他與弟子們編織出一幅幅美麗的作品。
透過玩桌遊的方式學習AI生成圖像技巧，在充滿樂趣的活動中，學會如何操作工具及生成圖像技巧。這款遊戲預計下個月將開設實體課程，適合所有對AI有興趣的人、AI繪圖新手及藝術愛好者。
開始決定學習課程在看花了眼中，先學
(以下是，我的新手經驗分享)
1.格子+控筆
在一天天的練習當中才知道，亂控筆跟控筆跟練的差距，一開始在Pinterest上找，控筆練習多到每天都找不同的圖練，沒系統就這樣練了幾天
手不受控制的抖~抖~抖了幾天。
只到看了這老師的教學，建
風靡世界精品茶館的莊園茶，很容易喝懂的！喝的是風土滋味，自有其系統！若對莊園紅酒＆莊園咖啡有所理解與感受，那莊園茶會更容易入門！多喝多梳理，賞析一事，輕鬆愉快，成就感極高！
莊園茶風土滋味包括了品種，氣候，土地＆工藝風格等，層層堆疊而出的綜合風味特徵，承載了茶產區的風土條件，呈現了氣候、土地與製茶
1-4 第一次公演（下）
亮亮跟喬、與安深刻的白月光公演結束了，而得到第一名的他們，峰哥卻因為賽制離開了。
看到節目時這時候其實我拳頭都硬了，看到亮亮整個人都要碎了。
我也跟著碎了，這篇同人小說真的是完全帶著愛在寫的，寫到那個時候，哎呀。
不過喬跟安做了第一個承諾了！
1-3 第一次公演（上）
亮亮閃亮登場！第一次公演是他們的白月光，所以分成上下篇。
上篇借鑑了很多真實場景，以及我自己舞台的解讀。
還有安安許多的內心獨白。
以及喬喬的熱情，不過其實喬還是很沒安全感的，後面的章節會慢慢凸顯。
花了很多時間梳理他們的群像。
竹內栖鳳，京都畫師，師承四條派的幸野楳嶺，也培育眾多優秀弟子。
2024年2月28日，我在福田美術館的展覽中，看見他與弟子們編織出一幅幅美麗的作品。
透過玩桌遊的方式學習AI生成圖像技巧，在充滿樂趣的活動中，學會如何操作工具及生成圖像技巧。這款遊戲預計下個月將開設實體課程，適合所有對AI有興趣的人、AI繪圖新手及藝術愛好者。
開始決定學習課程在看花了眼中，先學
(以下是，我的新手經驗分享)
1.格子+控筆
在一天天的練習當中才知道，亂控筆跟控筆跟練的差距，一開始在Pinterest上找，控筆練習多到每天都找不同的圖練，沒系統就這樣練了幾天
手不受控制的抖~抖~抖了幾天。
只到看了這老師的教學，建
風靡世界精品茶館的莊園茶，很容易喝懂的！喝的是風土滋味，自有其系統！若對莊園紅酒＆莊園咖啡有所理解與感受，那莊園茶會更容易入門！多喝多梳理，賞析一事，輕鬆愉快，成就感極高！
莊園茶風土滋味包括了品種，氣候，土地＆工藝風格等，層層堆疊而出的綜合風味特徵，承載了茶產區的風土條件，呈現了氣候、土地與製茶