滑鼠控制眼珠和眉毛的朝向（始終朝向滑鼠位置）
滑鼠控制嘴巴大小（根據滑鼠y軸方向的位置決定，滑鼠從下到上，嘴巴從小到大）
滑鼠控制手揮動（根據滑鼠y軸方向的位置決定，滑鼠從下到上，手臂從下到上揮動）
滑鼠控制下雪的密度（根據滑鼠y軸方向的位置決定，滑鼠從下到上，下雪密度從小到大）
整體做出乙個沒下雪的時候情緒低落的樣子，雪越大越開心的效果（大概吧）
利用fill()函式控制填充顏色，nofill()不填充；stroke()函式控制邊框顏色，strokeweight()控制邊框寬度，nostroke()無邊框
line()直線，bezier()曲線,ellipse()橢圓/圓，rect()矩形
beginshape()->vertex()畫頂點->quadraticvertex()畫曲線頂點->endshape()自定義形狀（主要用於畫頭髮）
translate()移動座標原點，rotate()旋轉座標軸
let snowflakes =
;function
setup()
function
draw()
function
drawme()
function
draweyes()
function
drawbrow()
function
drawhair()
function
drawmouth()
function
drawglasses()
function
drawclothes()
function
drawstar
(x,y,radius1,radius2,npoints)
function
star
(x, y, radius1, radius2, npoints)
endshape
(close);
}function
drawrhand()
function
drawlhand()
function
drawsnow()
for(
let flake of snowflakes)
}function
snowflake()
};this
.display
=function()
;}
星星:
雪花:
最麻煩的還是畫頭髮吧，調整座標調整到崩潰，其他的部分只需要注意畫的時候**的順序（圖形遮擋順序）就可以了。自己沒什麼美術功底，人物比較醜，互動性和動態上也只是做了比較簡單的效果，總體來說還是挺有意思的。
創意自畫像
自畫像在我印象裡最多用紙畫畫但這次上了一門互動 的課，我就可以用 來畫出自畫像了。但由於自己學習不夠深入只能用一些最基本的圖形。最後效果圖如下 別問為什麼是禿的，頭髮畫的我頭禿那就禿吧 下面是 function setup function draw function me 基本是按找從上到下的順序...
創意程式設計2 自畫像
實現的效果如下圖 一開始先是對人物的構造 function person 人物的造型主要是利用一些簡單的圖形將乙個人物的樣子給 拼接 出來。然後就是加上一些簡單的互動和動態的場景，這裡我做的是乙個模仿雪花飄落的場景 具體的 實現如下 雪花 fill 255,255,255 let t frameco...
創意程式設計拓展
對顏色的rgb使用perlin雜訊的變換，半徑使用sin函式的變換。實際上對gif暫停截圖可以發現每一幀都只有乙個圓，但快速的重新整理會給人視覺停留的效果。gif暫停截圖截圖 int perlin int t,int max perlin雜訊 引數變換 float time1 random 1000...