2018年9月27日 星期四

week03 互動技術筆記@

1.畫出圖形(一)

利用ellipse(250,250,480,480);畫出圓(250為圓中心,480為圓半徑)
再利用triangle(x1,y1,x2,y2,x3,y3);在圓中畫出三角形(xy分別為三個點的座標)


以(250,250)為中心畫出三角形
triangle(250,250,
                250+240*cos(angle),250+240*sin(angle),
                250+240*cos(angle+PI/3),250+240*sin(angle+PI/3));
利用三角函數控制xy座標,做出多個規律三角形(+PI/3會往右-PI/3會往左)


triangle(250,250,
                250+r*cos(angle),250+r*sin(angle),
                250+r*cos(angle+PI/3),250+r*sin(angle+PI/3));
再利用r控制三角形大小,做出大小三角形的效果

2.畫出圖形(二)

跟畫出圖形(一)的方法類似
其結果呈現倒三角,是因為Processing的座標是左上角為原點,
與數學座標系統不同,在PI加上負號就可解決


解決後的成果


最後利用r控制與三角形中心的距離,做出多層次的三角形

3.實作小遊戲,自己寫物理引擎

用鍵盤上下左右做做出點單的移動效果


將座標加上速度,再將速度加上加速度
就能做出簡單的物理引擎

在視窗四周加上邊界,就可做出反彈的效果
ex:
if(imgY>500)  imgVY = -imgVY
如果圖片座標超過視窗邊界,將速度加上負號反轉,即可反彈

沒有留言:

張貼留言