2020年4月25日 星期六

Hello World_Week09

20200425  簡易版小精靈


今天教了怎麼做出一個嘴巴會開合的小精靈

一開始先畫出一個有缺口(嘴巴)的橢圓形



//ellipse(50,50,80,80);//畫橢圓
//arc(x,y,寬,高)
//radians=弧度
//PIE=呈現的樣式
arc(50,50,80,80,radians(45),radians(315),PIE);//以PIE的樣式畫一個橢圓

--------------------------------------------------------------------------------------------------------------------------

再來要幫小精靈上顏色

Processing有內建的顏色選擇器可以使用




選好顏色之後按下複製就可以直接貼到程式碼裡面了



//ellipse(50,50,80,80);//畫橢圓
//arc(x,y,寬,高)
//radians=弧度
//PIE=呈現的樣式
fill(#FEFF00);//填滿黃色(#FEFF00)
arc(50,50,80,80,radians(45),radians(315),PIE);//以PIE的樣式畫一個橢圓

--------------------------------------------------------------------------------------------------------------------------

最後我們要讓小精靈的嘴巴可以自動開合



//ellipse(50,50,80,80);//畫橢圓
//arc(x,y,寬,高)
//radians=弧度
//PIE=呈現的樣式
void setup()
{
  size(600,200);
}
int a=20;//角度
int diff=1;
void draw()
{
  background(0);//背景填滿黑色
  fill(#FEFF00);//填滿黃色(#FEFF00)
  arc(50,50,80,80,radians(a),radians(360-a),PIE);//以PIE的樣式畫一個橢圓
  a+=diff;
  if(a>60) diff=-1;//如果角度太大,就改成-1
  if(a<0) diff=1;//如果角度太小,就改成+1
}

--------------------------------------------------------------------------------------------------------------------------

心得


今天一開始先考了期中考,後來老師還教了2題CPE的題目,所以用Processing的時間就變少了,原本是要做出可以移動的小精靈,但因為時間不夠,所以先做了簡易版的小精靈,讓小精靈的嘴巴可以自己開合,希望下次可以做出完整的小精靈遊戲!

沒有留言:

張貼留言