2025年3月13日 星期四

12750085_week04

 課堂作業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()






沒有留言:

張貼留言