2020程式設計二A: 4月 2020

2020年4月30日星期四

week10

教圓變化

照片:

程式碼:

void setup(){

size(300,500);

}

int r=0;

void draw(){

background(0);

ellipse(50, 200+50, r, r);

ellipse(50, 200+50+100, r, r);

ellipse(50, 200+50+100+100, r, r);

ellipse(50+100, 200+50, r, r);

ellipse(50+100, 200+50+100, r, r);

ellipse(50+100, 200+50+100+100, r, r);

ellipse(50+100+100, 200+50, r, r);

ellipse(50+100+100, 200+50+100, r, r);

ellipse(50+100+100, 200+50+100+100, r, r);

if(r<100) r+=2;

else r=0;

}

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

Lyto Different Color Game FB Game

照片:

程式碼:

void setup() {

size(300, 500);

ansX= 3;

ansY= 2;

}

int r=0;

int ansX, ansY, win=0;

void draw() {

if (win==1) background(255, 255, 0);

else background(0);

int n=5;

int w=300/(2*n);

for (int x=0; x<n; x++) {

for (int y=0; y<n; y++) {

if (x==ansX && y==ansY)fill(150);

else fill(255);

int cx=w+x*2*w, cy=200+w+y*2*w;

ellipse(cx, cy, r, r);

if (mousePressed && dist(mouseX, mouseY, cx, cy)<w) {

if (ansX==x && ansY==y) {

win=1;

r=0;

ansX= int(random(n));

ansY= int(random(n));

}

if (r< 2*w) r+=2;

}

void setup()
{
size(300,500);
}

int r=0;//圓直徑

void draw()
{
background(0);

for(int x=0;x<3;x++)//跟19行~29行相同
{
for(int y=0;y<3;y++)
{
ellipse(50+x*100,200+50+y*100,r,r);
}
}
/* ellipse(50,200+50,r,r);//畫出很多圓(直排)
ellipse(50,200+50+100,r,r);
ellipse(50,200+50+100+100,r,r);

ellipse(50+100,200+50,r,r);//畫出很多圓(直排)
ellipse(50+100,200+50+100,r,r);
ellipse(50+100,200+50+100+100,r,r);

ellipse(50,200+50,r,r);//畫出很多圓(直排)
ellipse(50,200+50+100,r,r);
ellipse(50,200+50+100+100,r,r);*/

if(r<100)//圓慢慢放大顯現
{
r+=2;
}
else//圓到最大後縮小
{
r=0;
}
}

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

08160873-week10

這是今天老師講解實習課題目,讓我更了解了

一半的程式碼但是我要先走了那先這樣好了

void setup()
{
size(300,500);
}
int r=0,x,y;
void draw()
{
background(123);

3X3的球球
/*
for(x=0;x<3;x++)
{
for(y=0;y<3;y++)
{
ellipse(50+x*100,200+50+y*100,r,r);
}
}
*/

縮放
/*
if(r<100)
{
r+=2;
}
else
{
r=0;
}
}
*/

emmmm.........._week10

(ゝ∀･)

畫4個圓

用迴圈畫圓

後面教了一堆神奇的東東，不過由於時間不足，決定下次再補(･ω´･ )

week 10

今天試著還原最近fb很火的遊戲Lyto Different Color

首先先把下面的圓畫出來,原碼:

to be comtinue...

void setup()
{
size(300,500);
}
int r;
void draw()
{
background(0);
ellipse (70,200+75,r,r);
ellipse (70,200+75+150,r,r);
ellipse (70+150,200+75,r,r);
ellipse (70+150,200+75+150,r,r);
if (r<145) r+=5;
else r=0;
}

.

void setup()
{
size(300,500);
}
int r=0;
void draw()
{
background(0);
for (int x=0;x<3;x++)
{
for (int y=0;y<3;y++)
{
ellipse(50+x*100,200+50+y*100,r,r);
}
}
if (r<100) r+=2;
else r=0;
}

week10

我們做了實習課的題目「反序數字」

還有「分式化簡」

加分題cola，我寫出來了!!!耶伊

用p語言畫出四個圈圈

這裡是常闇的重修地獄録第七之卷

今天的主題是讓設計系學生得心應手的找不同遊戲～～

首先畫幾個圓吧

week10

程式碼:
size(300,500);
ellipse(70,200+75,150,150);
ellipse(70,200+75+150,150,150);
ellipse(70+150,200+75,150,150);
ellipse(70+150,200+75+150,150,150);

可變大
程式碼:
void setup(){
size(300,500);
}
int r=0;
void draw(){
background(0);
ellipse(70,200+75,r,r);
ellipse(70,200+75+150,r,r);
ellipse(70+150,200+75,r,r);
ellipse(70+150,200+75+150,r,r);
if(r<145) r+=2;
else r=0;
}

3X3
void setup(){
size(300,500);
}
int r=0;
void draw(){
background(0);

for(int x=0;x<3;x++){
for(int y=0;y<3;y++){
ellipse(50+x*100,200+50+y*100,r,r);
}
}
if(r<100) r+=2;
else r=0;

}

利用processing 畫出四個圓圈

利用for迴圈做出9個能自由縮放的圓圈
利用for迴圈能大幅簡化程式碼

Week10冠倫

劃出四個會動的圓形!

變成3x3的會動的圓形!!

程式碼
void setup(){
size(300,500);
}
int r=0;
void draw(){
background(0);
ellipse(70,200+75,r,r);
ellipse(70,200+75+150,r,r);
ellipse(70+150,200+75,r,r);
ellipse(70+150,200+75+150,r,r);
if(r<145)r+=5;
else r=0;
}
讓球球重複變大

程式碼
void setup(){
size(300,500);
}
int r=0;
void draw(){
background(0);
ellipse(50,200+50,r,r);
ellipse(50,200+50+100,r,r);
ellipse(50,200+50+100+100,r,r);
ellipse(50+100,200+50,r,r);
ellipse(50+100,200+50+100,r,r);
ellipse(50+100,200+50+100+100,r,r);
ellipse(50+100+100,200+50,r,r);
ellipse(50+100+100,200+50+100,r,r);
ellipse(50+100+100,200+50+100+100,r,r);

if(r<100)r+=2;
else r=0;
}
讓球球變多

劃出四個圓圈圈

上processing的一開始，小葉老師先教我們劃出似的圓圈圈。

修改了程式，讓四個圓圈圈可以重複的從小圈圈開始變大。下一個步驟是要改成用for迴圈來修改看會怎麼樣。

這次是比較用原本的程式和使用for迴圈之後得差異，一個看上去複雜繁多，但在使用for迴圈之後可以看的出來明顯少了很多步驟，看上去清晰許多，可見for迴圈有多便利好用。

邪惡微笑教主征服地球計畫W10:)來點不一樣的!

小遊戲

弄ㄌ兩個禮拜的小精靈，來弄點別的吧

在網路上看到找到不同顏色的小遊戲

看這遊戲好像蠻難的

來做一下~

首先，畫圈圈~

程式碼
void setup(){
size(300,500);
}
int r=0;
void draw(){
background(0);
ellipse(70,200+75,r,r);
ellipse(70,200+75+150,r,r);
ellipse(70+150,200+75,r,r);
ellipse(70+150,200+75+150,r,r);
if(r<145)r+=5;
}
圖片

再來，畫更多圈圈~

圖片
void setup(){
size(300,500);
}
int r=0;
void draw(){
background(0);
ellipse(50,200+50,r,r);
ellipse(50,200+50+100,r,r);
ellipse(50,200+50+100+100,r,r);

ellipse(50+100,200+50,r,r);
ellipse(50+100,200+50+100,r,r);
ellipse(50+100,200+50+100+100,r,r);

ellipse(50+100+100,200+50,r,r);
ellipse(50+100+100,200+50+100,r,r);
ellipse(50+100+100,200+50+100+100,r,r);

if(r<100) r+=2;
else r=0
}