團隊戰報
拒絕奴性的網友
-
Modern WebCanvas 小錦囊 系列 第 15 天Day 15 - 用 canvas 做打彈珠
import "./styles.css"; import useBall from "./hooks/useBall"...
雪莉 於 2021-09-30 發表 ｜ 628 次瀏覽
-
Day 15 - Contravariant Functor
在上一章，我們提到了 Functor，但更精準地說是 Covariant functor，而今天要提到的則是 Contravariant Functor，其定義...
Jing.tech 於 2021-09-30 發表 ｜ 1033 次瀏覽
-
Modern WebCanvas 小錦囊 系列 第 14 天
Day 14 - 用 canvas 製作刮刮樂
關於前面的小畫家 復刻小畫家先做到昨天作為最後一篇，接下來會帶各位，利用前其所學的功能，製作各種canvas 互動小東西！敬請期待。 這邊也附上前面的所製作的...
-
Day 14 - Functor
Introduction 在先前我們提到了 compose，並且將許多單一功能的純函式，透過 compose 成一個更強大的計算函式。 但問題就來了，當兩個函式...
-
Modern WebCanvas 小錦囊 系列 第 13 天
Day13 - 用 canvas 復刻 小畫家 選擇剪下移動
說明 在選擇剪下時，我們可以建立一個新的 canvas來建立我們所剪下的內容 /** * 滑鼠點下畫布 */ const handleMou...
-
Day 13 - Semigroup II & Monoid
yo, what's up Semigroup II 多組 Semigroup 進形合併 到目前為止我們已經知道 Semigroup 可以透過 concat 將...
-
Modern WebCanvas 小錦囊 系列 第 12 天
Day 12 - 用 canvas 復刻 小畫家 文字填寫
說明 ctx.font = "30px sans-serif" //文字字型 大小 ctx.fillStyle="#00A0E9&...
-
Day 12 - Semigroup I
Definition of a Semigroup 一個集合(Set)或稱型別(Type) 有 concat method 必須符合 associative...
-
Day 11 - Algebraic Data Types
yo, what's up? Product Type Product types 允許同時存在兩種以上的資料型態在內 舉例來說現在我們建立一個特別的型別叫...
-
Modern WebCanvas 小錦囊 系列 第 11 天
Day 11 - 用 canvas 復刻 小畫家 多邊形
方法一 此多邊形方法雖然不是小畫家的畫法，但一樣可以達成多邊形的做法，如下： /** * 滑鼠點下畫布 */ const handleMou...
