一段時間沒更新網誌了，最近大學有了著落之後，便決定抽空寫篇文章。自從Slash發佈之後，使用者日漸增多，不時會有 Pull Request，大概已經有數十個網誌都選用Slash作為佈景主題，雖然獲得了極大的成就感，不過林北不爽「撞主題」的感覺，所以決定再製作一個屬於自己的佈景主題。起初決定以星辰、銀河作為主題，但就是找不到想要的那種感覺，而我又是 Photoshop 苦手，要我自己用 Photoshop 畫出想要的那種感覺實在有點困難。之後，偶然發現了一套 Android Live Wallpaper「Phase Beam」，這配色，這流暢滑順的動畫，就是我要的感覺，但是網路上只能找到 1440x1080 的圖片，作為背景圖片有點太迷你了，於是我便決定利用 HTML5 Canvas 來繪製類似 Phase Beam 的背景。背景HTML5 Canvas 的運作方式不如想像中簡單，我花了好幾小時才勉強用得上來，特別是輻射漸層（Radial Gradient），我搞了好久才終於搞懂這鬼東西的運作方式，天殺的是哪個傢伙想出createRadialGradient(x1,y1,r1,x2,y2,r2)這種奇怪的鬼函數的。使用方法搞定之後，其他便簡單許多了，只要記得繪製下一格動畫前，必須先使用clearRect(x,y,width,height)清空 Canvas，否則便會出現如上圖的慘狀。 ...继续阅读 (15)

一段時間沒更新網誌了，最近大學有了著落之後，便決定抽空寫篇文章。自從Slash發佈之後，使用者日漸增多，不時會有 Pull Request，大概已經有數十個網誌都選用Slash作為佈景主題，雖然獲得了極大的成就感，不過林北不爽「撞主題」的感覺，所以決定再製作一個屬於自己的佈景主題。起初決定以星辰、銀河作為主題，但就是找不到想要的那種感覺，而我又是 Photoshop 苦手，要我自己用 Photoshop 畫出想要的那種感覺實在有點困難。之後，偶然發現了一套 Android Live Wallpaper「Phase Beam」，這配色，這流暢滑順的動畫，就是我要的感覺，但是網路上只能找到 1440x1080 的圖片，作為背景圖片有點太迷你了，於是我便決定利用 HTML5 Canvas 來繪製類似 Phase Beam 的背景。##背景HTML5 Canvas 的運作方式不如想像中簡單，我花了好幾小時才勉強用得上來，特別是輻射漸層（Radial Gradient），我搞了好久才終於搞懂這鬼東西的運作方式，天殺的是哪個傢伙想出createRadialGradient(x1,y1,r1,x2,y2,r2)這種奇怪的鬼函數的。使用方法搞定之後，其他便簡單許多了，只要記得繪製下一格動畫前，必須先使用clearRect(x,y,width,height)清空 Canvas，否則便會出現如上圖的慘 ...继续阅读 (12)