初識Canvas 入門開場白 獻給追求質感的你
說到筆者第一次認識這個小傢伙，是在大學作專題時，學長傳承下來遙控車控制器，主要功能就是透過點擊、拖曳畫面，來讓控制桿往XY軸變化，進而達到加速、轉彎、減速、倒退的效果。
這邊做了一個演示，可以玩玩看。
．．．
說是美好的邂逅就有點老套了，其實當初筆者才剛學Javascript，裡面的內容完全就是天書，你說若只是讓Canvas畫一張圖，確實很容易；但是要做成動畫般流暢，還得跟使用者作互動，聽起來簡單，卻在當時把我考倒了。
也是因為這樣，回顧這些日子以來受到Canvas的照(ㄊㄨˊ)顧(ㄉㄨˊ)，覺得有不少的細節和內容值得分享，甚至還能跨領域結合平面設計的部分，讓圖片更加生動，活靈活現，所以決定開始撰寫這一系列的文章，來從實作面教導大家如何操作Canvas，過程中也會附上簡潔的程式碼，讓大家少走歪路。
當然，我也不是要跟w3school打擂台賽，相信你去問問身邊的人，用過的都說讚，除了有些英文看不懂偶爾要用google翻譯以外。這一系列的文章呢，比起w3school條例式的範例教學，更偏向單元式的教學，將不同的函式功能整合起來實作，等到基礎篇告一段落後，就可以開始結合PS, AI，還有一些函式庫來做效果啦!
在此推薦給對程式有熱情的你，建議先對Html和Css的語法架構有基礎認識，再來學習撰寫Javascript，歡迎在各大平台訂閱我，追蹤後續篇章。
最後分享一下個人的作品集，預計兩個月內，教會大家如何從無到有!
分享至
成為作者繼續創作的動力吧！
我是心想事成的SHIH CHENG，也可以叫我Jerry！ 這位網頁工程師，熟悉C++與Javascript，專攻UX設計和資料視覺化設計，以設計感和品質為追求，在前端不斷追求創新。
© 2024 vocus All rights reserved.