課堂作業01 用ellipse做出兩個圓,一個x=150,y=150,另一個x+25,再使用atan2,以三角函數來使內部的圓圈沿著外圈的邊緣面向滑鼠移動
課堂作業02使用for迴圈,再製作一個,把x=150改為x,使兩圓都跟著滑鼠
課堂作業03 做一個box,讓box隨著滑鼠的y座標做,上下轉,mouseY加負號是為了讓旋轉方向跟滑鼠方向一致
課堂作業04 做一個圓,對Z軸旋轉,以滑鼠的X座標來旋轉角度
課堂作業05
做一個正方體的box和長條型的box,
使用pushMatrix和popMatrix讓兩個box不會互相牽連
使長條形的box,隨著mouseX座標對Z軸旋轉
課堂作業05a 先拆開分別說明
課堂作業05b 使長條型box跟著滑鼠移動
課堂作業06 做出一個圓體,使跟隨著滑鼠,以frameCount對y軸旋轉
課堂作業07 再做一個地球,x移動150,以frameCount對y軸旋轉,對太陽做公轉
課堂作業08 再做一個月球,再對x移動50,以frameCount對y軸旋轉,對地球做公轉
課堂作業09 找個地球的材質貼圖,且加入到程式裡
貼圖網站連結:https://www.solarsystemscope.com/textures/
課堂作業10 把貼圖放到球體上,createShape()創造球體,用setTexture把貼圖貼到earth
課堂作業11 新增黑色背景,把地球移到中心,對Y軸旋轉
課堂作業12 把moon的圖移到程式裡,再把earth的地方改為moon
課堂作業13 把sun的圖移到程式裡,再把moon的地方改為sun
課堂作業14 把三個星球加入,複製week04_08的程式,再做修改
先把除了sun以外其他的img前面的PImage刪除,再把下面的sphere()改為shape()
把createShape()的大小做修改
讓線消失在size後面加上noStroke()
















沒有留言:
張貼留言