Shader, 教學Tutorial 外星圖像渲染語言?如何應用 Shader 跟 WebGL 達成絢麗視覺效果 想要在網頁中快速渲染出驚人的 3D 視覺效果和互動嗎?本篇文章老闆帶你快速入門了解 Shader、分享實作在專案中的經驗,就讓我們開始玩玩看 Shader 吧!繼續閱讀2022 年 7 月 7 日
D3.js, Data visualization, 教學Tutorial 用D3.js製作視覺化的日常作息方塊圖(直播筆記) D3.js工具可以把大筆的資料視覺化呈現於網頁上,本篇文章利用淺顯易懂的解說,一步步寫出如同Google日曆般的日常生活作息方塊圖。繼續閱讀2021 年 7 月 23 日
人物故事, 靈感Inspiration 釀造一門結合網頁、設計、數學與特效的線上程式課程 互動藝術家吳哲宇於2018年寫下製作完第二門線上課程之後的心得,用另一個角度發掘數學的美,將課程裡循序漸進的內容以及學生會製作的各項階段性成品範例一一呈現。繼續閱讀2021 年 6 月 30 日
人物故事, 靈感Inspiration 從不只是一門線上課程,而是一場推動進化的豪賭 墨雨設計創辦人,也是互動藝術家的吳哲宇,於2016年第一堂線上課程「動畫互動網頁程式入門」上架後的一個月,撰寫下初衷、籌備的歷程以及實踐後的成就感,與你分享。繼續閱讀2021 年 6 月 16 日
Animation, canvas, 基礎, 教學Tutorial 來用可怕的三角函數做網頁吧! -Part 2科幻時鐘(直播筆記) 上一篇中,老闆利用三角函數幫 DOM 做 CSS 的絕對定位,這次我們雖然也是使用三角函數,但是改使用 canvas 在網頁上繪圖,製作科幻效果的時鐘。繼續閱讀2021 年 5 月 14 日
Animation, CSS, 教學Tutorial 來用可怕的三角函數做網頁吧! – Part 1 衛星繞月球(直播筆記) 在這篇文章中,會先詳細介紹三角函數的計… 繼續閱讀2021 年 5 月 10 日
Animation, Vue.js, 基礎, 教學Tutorial 讓我們來快速寫個漂浮感的輪播吧!動態網頁程式教學(直播筆記) 相信大家對於輪播一定不陌生吧,在各大官… 繼續閱讀2021 年 4 月 26 日
Animation, Data visualization, 教學Tutorial 資料視覺化的動態長條圖製作(上):jQuery(直播筆記) 資料視覺化是網頁上常用的媒材,在本篇文… 繼續閱讀2021 年 1 月 6 日