技術 Day14: three.js 3D圖表特效開發實戰：繪畫就跟佐為下棋一樣簡單：線段原理

圖片來源 線段是什麼？ 點線面構成一切，而目前為止，我們都在花時間在點(Vector)跟面(Mesh)上。 線段由點產生，它也組成面，這之間需要轉換API。除...

技術 SVG 自學微筆記(07) - 圖形濾鏡

不定更新、可能爛尾XD 學習資源: W3Schools、其他網路資料 SVG有提供Filter(濾鏡)這個東西，可以用來在SVG圖形上加入特殊的效果，像...

技術 [Day 2] 30 Days Iron Man: 參拾天鐵人

100 Days CSS Challenge 今天在了解前置設定之後，咱們來一起破關吧~就從Day #1開始!以下為重點介紹，完整程式碼請參考作品連結 1....

技術 SVG 自學微筆記(04) - 繪製多邊形、折線

不定更新、可能爛尾XD 學習資源: W3Schools、其他網路資料 SVG : 多邊形 (僅列出部分有使用到的屬性) <svg>&lt...

技術 SVG 自學微筆記(03) - 繪製圓形、橢圓形 & 線段

不定更新、可能爛尾XD 學習資源: W3Schools、其他網路資料 這篇筆記使用到的圖形屬性，基本上都跟矩形那篇差不多。 SVG : 圓形 (僅列出部...

技術 [Day 6] Statistic: 來呈現文章瀏覽數逐漸下滑的趨勢(>_<)

Statistic 今天我們來實作Day #5 搭配上筆者Thibe這一週的文章瀏覽和預期數據，看來這下滑趨勢達到顯著呢(p &lt; 0.05)!此次作品建議...

技術 [Day 18] Blobby: 改變形狀的閃耀泡泡

在昨天的文章學習到新的scale, rotate, translate的寫法，可以從transform獨立出來，今天就可以實際運用，配合SVG的圖形，來達到改變...

技術 [Day 22] Send Mail: 您的一封來信

在製作個人網頁時，通常會有一個contactme(與我聯絡)的表格，這時候，我們就可以想想看怎麼美化我們的送信動畫~今天我們來實作Day #20 Send Ma...

技術 [Day 24] Fitness Tracker: 您今天運動了嗎~我沒有...

現在科技產品日新月異，許多人都會戴上智慧手錶、手環來追蹤運動情況，各運動品牌也有屬於會員的數據紀錄網頁，我們常會在上面看到當日運動數據的圖表。今天我們就來實作D...