---
# System prepended metadata

title: Frank Hu CC小小成果展

---

Frank Hu CC小小成果展
==


## 1. 磺溪生活流域電子雞 (30%)

![](https://hackmd.io/_uploads/rJFRSgDw2.png)


乾淨版:oppr.org/s/89dpEBid
Debug版:oppr.org/s/yXcCQe7r

可以請Sandy幫我comment & uncomment 第121行之後
一個對應一個spritesheet

參考自 [bitfishy](https://www.bitfishy.xyz/)作者之一 [Geomi](https://twitter.com/geomi_soft)的作品: [Tezogotchi](https://versum.xyz/board/Wzt0fRfKZ)

![](https://hackmd.io/_uploads/SyQqrewDn.png)

### Ask:
canvas 與 html element關係!!!
// 1. Button HTML element 如何與 Image(Canvas)對齊 or 具有button功能
// 2. button callback

// image(btnA, 40/300*canvasW, 175/300*canvasH,29*ratioX , 29*ratioY );
// -> btnA = createImage(btnA.png)



## 2. 身體拼圖 - 舞譜 (35%)
https://openprocessing.org/sketch/1920803

![](https://hackmd.io/_uploads/H1XpIgPDn.png)
女友的作品想讓他有互動感，像是拼拼圖




current 可以每次產生不同順序

希望切的更精緻+可以拖拉調整順序

.
.
.


遙遠的未來，可以對應錢包(裡面有幾幅就有幾張，其他掛logo) 100%

更更更遙遠的未來 搭配AI動畫跳舞 200%

