canvas, 基礎, 教學Tutorial 【互動網頁程式教學】活用GUI Object與繼承概念,完成Canvas物件導向的滑鼠拖曳互動 利用GUI Object的概念,快速畫出多個物件,利用canvas物件導向概念加上事件偵測,讓滑鼠位置與物件互動,達成亮度的提示以及拖曳物件。繼續閱讀2022 年 6 月 16 日
canvas, CSS, HTML, 基礎, 教學Tutorial 【Canvas創作教學】畫個偵測敵人的動態雷達圖網頁 本次創作直播內容透過 Canvas 物件,將網頁當作畫布,繪製不同的圖形,完成模擬偵測敵人的雷達機介面;運用三角函數概念,以及模組化程式,簡單製作出動態的網頁,詳細的步驟解釋,無論有沒有基礎,都能輕鬆跟著說明完成,剩下的就由你自行發揮囉!繼續閱讀2021 年 9 月 23 日
Animation, canvas, 基礎, 教學Tutorial 來用可怕的三角函數做網頁吧! -Part 2科幻時鐘(直播筆記) 上一篇中,老闆利用三角函數幫 DOM 做 CSS 的絕對定位,這次我們雖然也是使用三角函數,但是改使用 canvas 在網頁上繪圖,製作科幻效果的時鐘。繼續閱讀2021 年 5 月 14 日