L I N
S H U Y U
2 0 2 0
P o r t f o l i o 林 書 羽
設 計 作 品 集
01
04
燈飾
計時產物
02
05
睡眠輔助
隔熱材
03
06
計時產物
蕨類販售平台
07
sketch/資訊圖/攝影/數位運算
林 書 羽 Shu-Yu Lin
1996/04/14 0975915379
M10710118@mail.ntust.edu.tw
學 歷 201 4
軟 體 市立大甲高中 普通科
Adobe Illustrator Adobe Photoshop Adobe Premiere
20 1 8
大同大學 工業設計系
Adobe XD Creo Parametric Autodesk Alias
2020
國立台灣科技大學 設計研究所
Keyshot Processing
‘
六 年 的 設 計 系 學 生 生 涯，除 了 原 本 的 設 計 課 程 之 外，也 投 入 攝 影
工 作、跨 領 域 設 計 及 工 作 營 等 活 動，在 因 緣 際 會 下，參 與 產 品 開 發 案， 並 於 介 面 公 司，進 行 一 項 專 案 設 計 研 究 實 作。基 於 這 些 經 驗，多 元 的
設 計 呈 現、溝 通 思 考 邏 輯、與 消 費 者 研 究 是 我 在 工 業 設 計 與 材 質 運 用
等 方 面 的 學 習 外，體 會 最 為 深 刻 的 部 分，亦 是 目 前 進 行 設 計 產 出 時， 會 更 加 著 墨、探 索 的 部 分。
語 言
中文
台語
英文
’ 英文-多益710分
經 歷 20 1 6
20 1 7
歐洲學校工作營 工作人員
201 8
畢籌會 媒體部周邊組 組長
工設系系學會 攝影組 組長
金點新秀年度最佳設計獎 入圍
穿搭平台ttu hunt 攝影
金點新秀贊助特別獎 入圍
智齡設計
新新：2018金點新秀設計展
京都工藝工作營 Lexus設計工作營
201 9
蕉集-落實於生活應用商品化計畫 Sense.Life深活 捷運介面優化
01 _ conch 燈飾
工藝/媒材運用 由海螺的外型作為雛型而製成的燈飾，外型上以疏密不均的線條遍 布燈飾本身，製作則利用宣紙的透光性與柔光效果製成，最後再加 上樹酯底座即成為能立於桌面上的裝飾燈。
1
設計圖繪製與原先製作方案
左下圖為預計呈現的成品外型，製作方式是以樹脂灌入矽膠模的方 式製作，由本身材料的透明度透出光線。
設計圖
2
原先方案：以油土製作灌模的形體
更改製作方案與結果 更改製作方式的原因除 了物件過大之外，材料費 與時間有限，所以另尋方 法，以宣紙代替原先要灌 模的部分。
1
2 3
1.保麗龍磨製外型與批土平鋪表層。 2.將凡士林塗在乾燥批土表面並將宣紙與白膠水混合貼網表面乾燥 後將其切開卸除。 3.將拆卸的外殼組合並將縫黏合最後將樹酯製成的底座與燈組合。
conch
02 _
睡眠輔助
產品設計 sound
asleep
是一個以聲音作為供電來源的助眠機，它不需要插
電，只需要透過壓電效應接收日常環境的噪音就能發電運作，讓使 用者在睡眠時透過助眠機所發出各式的顏色噪音提升繁忙生活中的 睡眠品質。
1
次級資料搜尋：類噪音與聲音發電
類噪音功能：平衡外界的噪音聲響 類噪音(白/粉紅噪音)在睡眠時產生了遮蔽效應，使得影響安靜夜晚 的外界聲音被遮蔽，減少了臥室裡的信噪比（一個電子設備或系統 中信號與雜訊的比例），達到了一定的噪音消除的作用。
能夠提升睡眠品質的類噪音 類噪音聽起來與海洋、森林、雨天或收音機相似，在屏蔽效應之下 能夠用於改善睡眠。原因是如此的掩蓋效果能消除外部聲音變化， 以使人們不會被這些令人不安的聲音喚醒。
粉紅 噪音
白 噪音
聲音發電：配備介紹與效能 目前發明多以壓電感應進行，基本上由一片壓電膜、蓄電池等物組 成，運作上是透過聲音帶動壓電膜震動形成動能與電力，並將電存 入蓄電池中以供目標電器運作。發電效能方面，當暴露在環境中， 各種聲響最多能產生5伏特的電壓，而如此的情況下，即可供應手機 一整天的用電需求。
2
產品外觀設計 產品相關設定
噪音來源：戶外傳 入、室內作息聲響 長時間放置於睡眠 處一側 相關色彩
3
助眠機介紹與使用者行為的關係
使用者起床、出門工作時，sound
asleep會將環境產生的噪音，
透過壓電感應製造電力並讓蓄電池儲存電力。
利用白天存到的電力
工作時吸收環境所
撥放助眠的類噪音
帶來噪音
使用者度過疲累的一天需要良好品質的睡眠時，因為噪音而充滿電 力的sound
asleep則作為助眠機撥放助眠的類噪音(白/粉紅/褐噪
音)，使用者能夠挑選適合自己的音頻與聲量一夜好夢。
壓電膜一側
類噪音 播放一側
電源開關
類噪音頻道調控 (白噪音、粉紅噪音等音效) 音量大小調節
usb插孔作為備用 電源供給的來源
03 _
fl o at 計時產物
產品設計 float是一個以「時間」、「辦公室」、「壓力轉移」作為設計發想 的產品，功能為告知日期的萬年歷，還有倒數計時器的功能附加於 產品另一側，讓使用者在操作並專注於這兩項功能時，得到時間提 醒之餘，還能將當前的壓力源做適度移轉，達成撫慰效果。
1
次級資料搜尋：紓壓小物的原理
壓力與撫慰效果 上班族喜歡在自己桌面點綴一兩樣擺飾，平常看幾眼開心之餘，也 能在壓力爆發之際轉移焦點。其中的原理，精神科醫師許正典認為 是藉由以下兩種管道達成撫慰效果： •隔離作用（Isolation）：暫時將注意力放在玩具上，使思緒獲得 喘息空間，可以脫離負面情緒的流沙坑。 •投射作用（Projection）：把玩具比擬為壓力來源，經由玩來發 洩不愉快，防止心情惡化。 出處：alive.businessweekly.com.tw
2
產品外觀設計 產品相關設定 放置於辦公桌上
相關色彩
功能設定與外觀雛型設定 A.萬年曆
附有磁力的日期牌卡
磁力吸附能快速拿取整合
(月份/日期/星期)
B.倒數計時器-以發條玩具的概念做發想
A K
D
IN
G
!!
KA
A
KA
K
KA
K
A
(磁力吸附) (反轉產品歸位)
轉動發條
齒輪轉動發出聲音 (經過數秒)
發條歸位，機關拉動球體下墜 使球體撞擊下方的鈴
3D模型建構(creo parametric) 35 Φ25 Φ30 2.5 25 25
Φ30
35
星期
4 70
月份
125
Φ36
星期 22 31.5
36 39
22 34 33.5
日期
20
日期
月份
(尺寸：mm)
19
實體模型製作 建模/3D列印
打磨塗裝
組合
具磁力的萬年曆牌卡
發動倒數計時器的發條
04 _ moz z i e 計時產物
產品設計 mozzie是一款放置於臥室一角的捕蚊夜燈，使用上，可藉由燈光顏 色區分電蚊香與夜燈模式，如此的防呆形式能以避免使用者在防蚊 之餘吸入過多的防蚊液體，讓使用者度過清靜、安全的睡眠時間。
1
次級資料搜尋：光線滅蚊方法
蚊子會被紫外光的光線吸引，且有躲在陰暗處休息的習性，所以在 屋內平時光線不足、暗處角落擺上捕蟲燈，即可有效滅蚊。另外， 若以純光線誘引，通常也能誘捕許多具趨光性的昆蟲 出處：https://reurl.cc/j51XWD https://reurl.cc/4m1krL
2
產品使用方法
睡覺兩小時以前
睡覺前
將mozzie放置在臥室一處角落
關閉mozzie並讓空間做適度的
，打開電蚊香功能(紫藍光)
通風
上床睡覺時 打開mozzie的夜燈模式，調整 個人偏好的夜燈亮度以伴入眠
= mozzie
此時使用者可藉由mozzie發出的亮燈色彩判別自己所開啟的模式 ，以明確的避免自己在睡眠中持續吸入過多的電蚊香液
3
產品外觀設計
產品相關設定
放置mozzie的地方
相關色彩
3D模型建構(creo parametric) 29 53
206
紫外光 發光處
160
17
83 5
3 5 .5 80
夜燈 發光處
Φ113 Φ100
單位：mm
渲染圖
實體模型製作 建模/3D列印
打磨塗裝
組合
蚊香模式： 紫外光開啟
電蚊香液發散出口
電蚊香液
左移：開啟電蚊香 右移：開啟夜燈
夜燈模式： 黃光開啟
05 _ 蕉集 隔熱材
材質研究/產品設計 香蕉，產季長且可大量種植的熱帶水果，但為了維持香蕉品質， 生長過的香蕉樹就必須砍除，也就會產生許多的廢棄假莖。因此， 「蕉集」隔熱材正是我們從纖維特性中發現並設計出的產品， 使香蕉樹本身能夠連同果實成為價值產物，而非棄置於地的廢品。 成員： 林書羽、洪御修
1
次級資料搜尋：了解香蕉樹的運用
種植與難題 香蕉產地遍布於熱帶及副熱帶國家，全年皆是產季，每當生長過一 回時，新生子株就會在母株旁生長，而蕉農為了維持品質，他們會 將母株砍下以免分散掉子株的養分，而丟棄的母株就成為廢棄物並 置於農地或是溝渠，進而氧化發酵，惡臭髒污可想而知。
香蕉園(左為母株右為子株)
香蕉樹橫切面(左圖) 香蕉樹砍下就地棄置(右圖)
噶瑪蘭文化 香蕉絲的利用與台灣噶瑪蘭族息息相關，他們使用未生長過香蕉的 香蕉樹，將合適的假莖取下(一棵樹取用約7-9片假莖)，取用假莖 外層的表面纖維並經過多次曝曬並清洗，最後分成絲狀就成為了製 作服飾的材料。
香蕉樹的結構是由層層包裹的葉鞘所構成， 左圖為一片假莖，圖中右半部是撕下表皮露出中 間結構的樣子，而圖中左半部則是假莖的外部纖 維，也是噶瑪蘭族製作「香蕉絲」所用的材料。
多次清洗並曬乾後， 分成絲狀再連結成線
處理完成的香蕉絲
2
香蕉莖特性調查
纖維處理 為了讓香蕉莖纖維能更有效的被利用，我們決定將整棵香蕉樹的假 莖纖維一同處理做利用，以增加最後產出的量。因此，我們透過下 列四個步驟將纖維處理到可以利用的程度：
1.切塊：
2.絞碎： 破壞結構用
3.漂色： 4.曬乾： 去除果膠等雜質
3
發現香蕉莖纖維特性：以隔熱性做發展方向
為了發展纖維的特性並利用，我們單就纖維本身進行觀察與測試， 例如：泡水膨脹的體積變化、隔絕熱能表現、聚合劑的選用，最後 初步試出纖維幾種特性： 1.吸水性強 2.高度聚合性 3.不易發霉 4.外表具有光澤 5.質地硬且脆 6.隔熱性
隔熱性 隔熱性是當中發現的一項特性，測驗之前，首先將纖維製作成塊：
1.加入纖維與聚合劑
2.加壓後抽真空烘乾
3.脫模
數據調查結果
17%°
C
°C
24%
熱經過纖維磚後的表面溫度 下降24%左右
在隔牆上加纖維磚的室內溫 度比原先下降約17%
纖維磚與牆面的隔空距離越 1cm
2cm
大，效果越好。測量結果2公分 較1公分下降約1-2度。
C
1~2°
4
成品方向構成：隔熱磚 與 遮光簾
證明成磚的香蕉莖纖維具有隔熱的特性之後，我們發展出隔熱磚與 遮光簾，分別運用在牆上與玻璃窗上，以下是外型構成介紹：
隔熱磚 背面隔空2公分 的空間加強 抗熱功能
內部與石灰混合 使磚有速乾抗火的作用
以植物染做 外部修飾
遮光簾
厚度約6毫米的 纖維塊
木頭外框做修飾
組合 成簾
產品介紹 遮光簾 以隔熱的原理製成簾並運用在玻璃窗上，除了阻擋光線的照射也 隔絕熱輻射所造成的高溫；調整光線上，遮光簾的結構上設置了 磁鐵，使簾能夠依照使用者喜好做進光量的調整。
隔熱磚 相同原理製成具有隔熱性的隔熱磚，將其設置於長期日曬而升溫 的牆上，抑制熱輻射及傳導的導入，在炎炎夏日之中即能適度降 低房間的溫度，減少冷氣等降溫品的使用率。
磁力固定 調整進光 向上拉起
1
2
3
4
06 _ Fern Lab. 蕨類販售平台
消費者研究/介面設計 本平台設計專案以「推廣蕨類植物」為出發點，希望藉由發展不同 的服務，開啟「剛入門消費者族群」對蕨類與其他植物的興趣，使 他們能在成功的養成經驗中，逐步加深對種植的了解並提升購買的 意願。 成員： 林書羽、楊博智、許雅鈞、廖彥熹
1
次級資料搜尋與調查研究
蕨類市場 蕨類植物容易管理，逐漸成為大眾栽種的選擇。以單項小品植物而 論，送禮需求提高小品植栽的銷量，其中觀葉類的部分，作為蕨類 的山蘇也是大忠消費者的選擇之一。 資料來源：花汛報導，2019/3月/9月，盆花商情報導
2
調查研究(線上網路平台+線下通路+賣家) •多數通路：Facebook(有固定客源後即成為一 個品牌運行)
網路平台
用途：觀看或主動分享種植經驗、瀏覽照護知 識、販售與交換
•呈現通路：單獨店面、攤位、花市 •販賣面向：分為「一般品種」與「突變種」 線下販售
•植物醫生：目前台北建國花市有這項服務 用途：購買、針對購買植物詢問照顧方法
>>了解「利害關係人」的配置 •玩家、收藏家：較偏好突變種植物 訪問賣家
•生手、觀望者：以易種植、價格低植物為主 •生手種植成功：逐漸開發難度較高物種 •生手種植失敗：退回觀望者，或者再接再厲
媒體 臉書、IG、品牌
上游 植物貨源
供應 鍊
蕨類植栽 研究員 玩家 收藏家
突變種
售後服務 (可能具爭議性) (成功) 產生信心 種植生手
高價位 稀少
? 植物醫生
具收藏價值
吸引 宣傳
(失敗) 放棄
一般品種 低價位 好養 可用於室內裝潢 觀望者 (未涉入)
得到以上「利害關係人」的對應圖之後，接著我們規劃了後續的研 究流程
訪談經驗者、 植物醫生
大量發放問卷
概念提案
了解消費者需求
確定種消費者的
以「線上販售平
並擬定線上問卷
種植需求與執行
台」呈現並規劃
方向
其商業模式
介面呈現與測試
測試結果分析 與結論
由30位種植經驗
歸納商業模式的
者測試功能開發
方向與需要提供
的合適性
的服務
3
概念提案：商業模式規劃與功能原型製作
經過訪談、問卷發放的流程之後，我們整理出以下消費者在購買、 種植植物的考量與動機： 購買植物動機
OR
「覺得目標空間可以放點植物」 選購方向
「植物好看好養就好！」 「我也想買好看的植物周邊！」
朋友推薦 (影響力更勝網路推薦) 種植知識來源
經驗+網路專家說法=種植知識 (多數消費者並不知植物醫生)
承問卷小結，我們開始規劃商業模式與呈現方式，期望推出的服務 ，能讓消費者認識蕨類或其他植物，也能提升他們對種植的慾望。
呈現方式 線上銷售平台 ： 了解線上作為販售平台與知識媒介的合適性 手機介面呈現 (iPhone 8)
參考書目：「圖解商業模式2.0：剖
營運模式規劃
吸引自行取貨的
析100個反向思考的成功企業架構」
消費者進一步購物 (Fern Lab成功協助推廣)
貨品 (自取/貨運)
虛擬技術 供應商
消費者
訂購 種植
挑選 商品
AR植物推薦 知識傳播
知識交流 線下攤位 平台服務、體驗
另購貨品
推廣的主要部分 線下攤位
植物/其他商品
Fern Lab
商品所得
權利金 抽成
虛擬植物
扣除權利金
AR技術/知識徵稿費用
的營業額
主要收入
若由平台製作
進貨成本
則不須此費用 貨品資訊流通
植物賣家的 線下攤位
貨源
與平台合作的 植物賣家
供應商的貨源
介面設計 以下是我們欲開發的介面功能，接著透過logic flow與wireframe 梳理介面呈現的順序。 選購
購物階段
下單
推薦植物
推出 功能
AR模擬 陽光水量建議 專家專欄
logic
flow
完成購買後
到府服務
模擬植物
出貨拍照
每日小叮嚀 討論區
wireframe
4
功能原型展示(共九項服務) 功能原型1：推薦植物
「成功的種植經驗」會提升消費者種植的欲望，因此平台根據消費 者的生活型態、照顧植物習慣與擺放植物的環境等問題給予合適植 物種類，以提升種植的成功率。
功能原型2：AR模擬 透過手機鏡頭將虛擬的植物與現實環境結合，以找到最符合擺設需 求的植物。
功能原型3：陽光水量建議 將照顧水量、所需日照、環境需求提供給消費者，讓他們可以依照 這些規則照顧，忘記規則時也能在此查看。
功能原型4：到府服務 由專家到消費者欲種植的環境做評估，以提供合適的植物搭配建議 與養護方式說明。
功能原型5：出貨拍照 由於每株植物的外型都不同，所以在消費者下單購買之後，提供了 「出貨拍照服務」，讓消費者知道出貨前的植物實際外觀。
消費者完成下單後，
確認商品、運輸方式並結帳
等待店家收到訂單， 傳送出貨照片給消費者 Loading...
完成交易 等待收貨
功能原型6：模擬植物 將所有在這網站購買過的植物匯集在「植物園」當中，形成一個虛 擬植栽區，因此買的越多，畫面呈現就越豐富。
收到收貨通知後 進行取貨
功能原型7：每日小叮嚀 購買過的植物都能個別依據天氣預報顯示一些立即照顧建議。另外 也提供「澆水提醒」服務，開啟後手機即根據各植物需求作通知。
功能原型8：專家專欄 在下方功能欄位中的「討論」功能，有兩個分類，其中一個是「具 專業性的知識」的分類，會於「專家知識專欄」供消費者閱讀。
功能原型9：討論區 另外一個是「讓種植者相互交流分享經驗」的分類，會於「交流討 論區」出現。
討論區分享方面，消費者需要有實際照片與文字說明才能發文，這 樣才能讓觀看者更了解詳情並給予回覆。
5
測試與結果分析 測試方式 填寫淨推薦值量表(NPS)
30位半年以上種植
與狩野分析(Kano)問卷
經驗者實際體驗操作
並以訪談了解感受
測試結果 淨推薦指數(NPS) 推出 介面功能
被動值
批評值
推薦植物
12
AR模擬
14
4
6
11
陽光水量建議
6
13
18
出貨拍照
8
14
模擬植物
12
討論區
14
10
12 15
17
總體 0
22
2
-6
18 6
10
1
-16
11
9
41
-37
9
8
5
專家專欄
6
9
13
執行 順序
-19
17 13
到府服務
每日小叮嚀
淨推薦 指數
推薦值
41
1
6
3
6
3
47
15
30
狩野分析(KANO) 滿意影響程度(SI)
優先等級 0
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
1
0
魅力屬性
推薦植物
魅力屬性
AR模擬
必備屬性
陽光水量建議
魅力屬性
到府服務
必備屬性
出貨拍照
-0.5
暫緩考慮
模擬植物
-0.6
暫緩考慮
每日小叮嚀
-0.7
必備屬性
專家專欄
-0.8
暫緩考慮
討論區
-0.1
-0.4
-0.9 -1
不滿意影響程度
-0.2 -0.3
(DSI)
小結：以NPS與Kano搭配訪談結果找出服務推出的優先順序 優先
訪談結果
NPS
KANO
每日 小叮嚀
1
1
可預防種壞+符合平日需求：養護方法>買賣資訊
AR 模擬
1
2
無特定喜好者需要；趣味性
陽光水 量建議
2
1
可更認識植物
專家 專欄
3
1
討論區
3
2
推薦 植物
-
2
模擬 植物
-
-
出貨 拍照
-
-
改善：不需要，有相關介紹即可
到府 服務
-
-
改善：有問題才會需要「被認證」的專業人士 希望提供資訊管道去讓消費者對接(類似客服)
虛擬功能可做分享功能， 並由個人平台推播(遊戲化)
改善：討論內容應被分類，才能針對分類(品種 /問題教學)參與討論
改善：問項須更直接的詢問需求
暫緩
依據受測結果，我們整理出平台的主要客群 1.生手、觀望者
線上購物
2.對專業知識具求知熱誠 3.享受購物與平台體驗者
務實功能取向
偏好新體驗的
的線上消費
線上消費
(潛在客群)
(主要客群)
務實型
4.想把植物種好的人
新體驗追求型 偏好新體驗的
務實取向的 線下消費
線下消費 (第二潛在客群)
線下購物
接著歸納兩種平台主要客群的消費者雛形
6
會用是因為想體驗功能， 還有它會提醒我怎麼種!
主要把它當教科書來看，裡面 專業意見在需要時會非常受用!
特性A
特性B
1.對植物不太了解但有興趣
1.有自己明確的喜好
2.享受購買植物的過程
2.喜歡自己決定
3.欣喜感：與植物一同成長
3.追求「專業」意見
4.需要「專業」意見
4.到府服務<到府健檢
訪談賣家與結論
最後，我們再次與具有販賣植物經驗的專家面談，並讓他們體驗這 些功能原型，以下為相關建議與小結：
1.增加判別「健康植株資 訊」：讓消費者認識植物
2.專家知識專欄建議以 居家生活型態文章為主
3.設立包裝出貨SOP於 平台簡介或商品介紹區
4.快速品種更新速度+ 多元商品才能留住客源
結論
介面主要推行功能 •以資訊主動提醒跟FB文章作區別：由方便性 提升觸及與使用意願。 •平台主功能：植物百科+購入品種的養護提 醒鬧鐘。
受眾所得內容 平台受眾多屬「想知道但沒有爬文習慣」的消 費者：手機彈跳通知方式提升資訊推廣度。 •教育性質導向：獲得植物資訊、辨認健康植 物、物種基本介紹等資訊。
平台推廣方式 •以用戶體驗結果(AR模擬)作為平台廣告推播 的媒介之一，藉此觸及到更多潛在消費者與合 作販售夥伴。
•sketch •資訊圖 •攝影 •數位運算
針對醫院災害發生時，護士帶領新生早產兒的逃生背包，使逃生期 間，新生兒能舒適的在背包被運送並維持生命照護。
以手電筒做出發點，並以拿取的方式做改變，形成不同型態的手持 照明產品。
以上由視訊鏡頭為題，加入仿生的元素進行發想而成。
資訊圖表男裝穿搭潮流 與西洋史 以歷史的觀點陳述二戰之後男性在「西裝」與 「非西裝」的變革，並以資訊圖的方式呈現。
ArrayList<wander>Ws=new ArrayList(); int wander=3; boolean addwander; void setup() { size(1000, 1000); noStroke(); background(250,150,80); for(int i=0;i<wander;i++){ wander w1=new wander(new PVector(random(width), random(height))); Ws.add(w1);}} void draw() { for (int i=0; i<Ws.size(); i++) { wander w2=Ws.get(i); w2.run();} if (addwander ==true){ wander w3 =Ws.get((int)random(Ws.size())); Ws.add(new wander(w3.loc));}} void mousePressed() { if (mousePressed && (mouseButton == LEFT)) { noLoop(); }else{ loop();}} void move(){ loc.add(vel); vel.mult(0.97); if(vel.mag()<0.1){ changeVel(); addwander=true;} else{addwander=false;}} void display(){ stroke(20,150,25,80); ellipse(loc.x,loc.y,30,30);} void changeVel(){ float r=random(0,2); if(r<1){angle +=cos(20);} else {angle -=cos(20);} vel=new PVector(sin(angle),cos(angle));}}}
float maxR=30; void setup(){ size(1500,1000); } void draw(){ background(320); for(int i=0;i<1500;i+=15){ for(int j=0;j<1500;j+=15){ float d=dist(mouseX,mouseY,mouseX,mouseY,i,j); float r=d/30; if(r>maxR){ r=maxR; } fill(random(1000),mouseX,mouseY); ellipse(i,j,r,r); translate(width/2, height/2); rotate(PI/mouseX); rotate(PI/mouseY); rect(5,i*0.2, 3, j*0.3); }}}}