鐵人檔案
每每看到互動效果很有趣的網頁都會特別印象深刻，希望有機會也能做出可以吸住大家眼球的作品。於是決定從最多可能性的元素「 Canvas」 著手，這三十天一起成為用程式碼創造驚喜的大藝術家吧！
嗨，大家好！我是珊迪，還有點菜味的前端工程師。這是我第一次參加鐵人賽，希望能在這趟旅程中，為自己立下一個小小的里程碑，紀念 Hello World 一週年。 為...
相信每個人的童年都有一個幾何積木玩具，今天我們就是要重返童年，一起用 Canvas 完成一些常用的幾何圖形！ 準備好畫布 剛開始就先不用框架，以 Vanilla...
昨天練習了許許多多的幾何圖形，今天來休息一下，順便沾沾藝術氣息吧！不知道大家知不知道蒙德里安？他是 19 世紀的荷蘭畫家，他將抽象派推至極限，僅通過構圖和色彩等...
昨天畫完畫，今天來看看如何用 Canvas 寫出文字吧！不知道大家對 Word 的文字藝術師有沒有印象？以前超多海報和宣傳單上都會出現文字藝術師做出來的經典風格...
畫完各式各樣的圖形，為了要讓我們的圖像看起來更厲害！從嬰兒進化成小學生 ? 今天我們來學習新技能「合成效果」。合成效果顧名思義就是把兩個圖像疊加在一起做出不一樣...
標題不知道會不會透露了我的年紀哈哈哈，在下標時不知道為什麼腦袋浮現旋轉、跳躍，我閉著眼！雖然閉著眼是寫不出 code 的～ 聽歌配文章 旋轉！旋轉！旋轉！Rot...
學過幾何，圖片當然也是不可或缺的元素！相信大家日常生活中也很常用到圖片縮放、裁切、在圖片上繪圖等功能。今天的圖片範例都會用可愛的動物表情包來做範例，希望大家可以...
有沒有被標題騙進來～ 每次想到剪裁遮色片腦袋裡就會浮現...嘿嘿嘿！今天就帶大家來認識剪裁遮色片，剪裁遮色片顧名思義就是將某個形狀遮在其他圖片上，看到圖片時只會...
前兩天都在練習匯入照片與剪裁遮色片，今天我們就利用這些方法來完成馬格利特最有名的畫作「人子（戴黑帽的男人）」，大家可能不知道他是誰，但一定看過底下這幅作品。馬格...
其實，我們都曾是動畫師 動畫其實就是一張張的影像，在非常短暫的時間內變化（例如每秒變換 16 張影像），近而產生視覺停留的效果。相信大家小時候都有畫過「翻頁動畫...
