week08

PImage img;

void setup(){

  size(300,200);

  img=loadImage("2.png");

}

void draw(){

  image(img,0,0);

}

void mouseMoved(){

  loadPixels();                                         

  for(int i=0;i<width*height;i++)   利用迴圈設定pixels

  {

    if(pixels[i]==#ffffff)print("1");  將pixels進行區別

    else print("0");

  }

}

PImage img;

color nowColor;                           

void setup(){

  size(520,432);

  img=loadImage("1.png");

}

void draw(){

  image(img,0,0);                                  

  fill(nowColor);rect(0,0,30,30);    

}

void mouseMoved(){

  loadPixels();

  int now= width*mouseY+mouseX;    

  nowColor=pixels[now];

}

week06-text使用

 

視窗以及位置的緣故所以無法完整呈現文字

fill(255,0,0);                   文字顏色

textSize(40);                   文字大小

text("Hello",30,30);       文字輸入以及位置

size(500,400);                        視窗大小

rect(100,100,200,100);          方塊大小以及位置

fill(255,0,0);                          文字顏色

textSize(40);                          文字大小

textAlign(LEFT,TOP);          文字位置在左上角

text("Hello",100,100);          文字輸入以及位置

由於加入文字不同所以顯示的文字不相同

size(800,300);        視窗

fill(255,0,0);           

PFont font1=createFont("Times New Roman",30);   加入文字語法

textFont(font1);

text("中文vs.English",30,30);

PFont font2=createFont("標楷體",30);     加入標楷體

textFont(font2);

text("中文vs.English",30,130);

int [][]A=               陣列

{

  {1,1,1},

  {0,1,0},

  {0,1,1},

  {1,1,1}

};

size(300,400);                           視窗大小

for(int i=0;i<4;i++)                   i數值的累加

{

  for(int j=0;j<3;j++)                 j數值的累加

  {

    if(A[i][j]==0)fill(0);             當坐標[i][j]的數值等於0方塊為黑色

    else fill(255,0,0);                  當坐標[i][j]不等於0方塊為紅色

    rect (j*100,i*100,100,100);  方塊的位置隨[i][j]改變時移動

  }

}

int [][]A=                                      陣列

{

  {2,2,2,2},

  {0,1,1,1},

  {0,1,1,1},

  {2,2,2,2}

};

PImage bird, pig;                          設定圖片名稱

void setup()

{

  size(300,400);

  bird=loadImage("bird.png");      讀取圖片

  pig=loadImage("pige.png");

}

void draw()

{

  background(0);

  for(int i=0;i<4;i++)

  {

    for(int j=0;j<4;j++)

    {

      if(A[i][j]==1)image(bird,j*100,i*100,100,100);

      if(A[i][j]==2)image(pig,j*100,i*100,100,100);

    }

  }

}

int [][]A=

{

  {2,2,2,2},

  {0,1,1,1},

  {0,1,1,1},

  {2,2,2,2}

};

PImage bird, pig;

void mousePressed()              

{

  int i=int(mouseY/100);     滑鼠按下的位置給予坐標

  int j=int(mouseX/100);

  A[i][j]=0;                          按下的位置數值設為0將圖片變為背景

}

void setup()

{

  size(300,400);

  bird=loadImage("bird.png");

  pig=loadImage("pige.png");

}

void draw()

{

  background(0);

  for(int i=0;i<4;i++)

  {

    for(int j=0;j<4;j++)

    {

      if(A[i][j]==1)image(bird,j*100,i*100,100,100);

      if(A[i][j]==2)image(pig,j*100,i*100,100,100);

    }

  }

  ellipse(mouseX,mouseY,25,25);           在滑鼠上畫個圓形圖案

  text("mouseX:"+mouseX+"mouseY:"+mouseY,100,100);

              滑鼠目前的坐標在畫面上顯示

}

week05切水果小遊戲

 

PImage img;

float x=100, y=500, vx=3, vy=-30; 設定位置以及加速度

int fruitDie=0;

void setup()

{

  size(500,500);

  img = loadImage("fruit.png");

}

void draw()

{

  background(0);                         設定背景消殘影

  image(img ,x ,y ,100 ,100);      圖片位置及大小

  x+= vx;                                     水平加速度

  y+= vy;                                     垂直加速度

  vy+=0.98;

  if(y>500) fruitDie=1;               當水果掉下去時fruitDie=1

  if(x<mouseX && mouseX<x+100 && y<mouseY && mouseY<y+100)fruitDie=1;      當滑鼠碰到水果時fruitDie=1

  stroke(255);line(mouseX,mouseY,pmouseX,pmouseY);   畫線

  if(fruitDie==1)                          當fruitDie=1時將水果消失

  {

    if(frameCount%2==0)

    {

      x=random(250);y=500;vx=random(2,3);vy=-random(28,32);

    }

    else

    {

      x=random(250,500);y=500; vx=-random(2,3);vy=-random(28,32);

    }

    fruitDie=0;              fruitDie=0數值刷新將水果刷新

  }

}

import processing.sound.*;     呼叫外掛

SoundFile sound1;

SoundFile sound2;

void setup()

{

  size(300,300);

  sound1=new SoundFile(this, "bubbs.wav");

  sound2=new SoundFile(this, "thund.wav");

}

void draw()

{

}

void mousePressed()

{

  sound1.play();

}

import ddf.minim.*;      呼叫外掛

Minim minim;

AudioPlayer player1;

AudioPlayer player2;    

void setup()

{

  minim = new Minim(this);

  player1=minim.loadFile("bubbs.wav");

  player2=minim.loadFile("thund.wav");

  player1.loop();

}

void draw()

{

}

void mousePressed()

{

  player2.rewind();

  player2.play();

}

import ddf.minim.*;

Minim minim;

AudioPlayer player1;

AudioPlayer player2;

PImage img;

float x=100, y=500, vx=3, vy=-30;

int fruitDie=0;

void setup()

{

  size(500,500);

  img = loadImage("fruit.png");

  minim = new Minim(this);

  player1=minim.loadFile("bubbs.wav");

  player2=minim.loadFile("thund.wav");

  player1.loop();

}

void draw()

{

  background(0);

  image(img ,x ,y ,100 ,100);

  x+= vx;

  y+= vy;

  vy+=0.98;

  if(y>500) fruitDie=1;

  if(x<mouseX && mouseX<x+100 && y<mouseY && mouseY<y+100)

  {

    fruitDie=1;

    player2.rewind();

    player2.play();

  }

  stroke(255);line(mouseX,mouseY,pmouseX,pmouseY);

  if(fruitDie==1)

  {

    if(frameCount%2==0)

    {

      x=random(250);y=500;vx=random(2,3);vy=-random(28,32);

    }

    else

    {

      x=random(250,500);y=500; vx=-random(2,3);vy=-random(28,32);

    }

    fruitDie=0;

  }

}

week04.圖片顯示以及移動,將物品加入速度,失敗的憤怒鳥

 

圖片需丟進程式碼裡面 

PImage img;                                    設定圖檔名為img

Size(300,168);                                 視窗大小

img = loadImage("image.png");      將圖片讀img

image(  img , 0, 0)                            圖片位置

PImage img;                                       圖檔img

PImage img1;                                     圖檔img1

size( 300, 168);                                  視窗大小

img = loadImage("image.png");        圖片讀入img

img1 = loadImage("image2.png");    圖片讀入img2

image( img, 0, 0);                              img位置 

image( img1, 100, 100, 40 ,48);        img1位置以及縮放大小

PImage img;

PImage img1;

void setup()   

{

  size( 300, 168);

  img = loadImage("image.png");

  img1 = loadImage("image2.png");

}

void draw()

{

  image( img, 0, 0);

  image( img1, mouseX-54/2, mouseY-49/2, 40 ,48);

}             

               img1的位置隨著滑鼠位置移動

void setup()

{

  size( 800, 400);

  background = loadImage("bg.png");     背景圖

  people = loadImage("l.png");                人物圖

}

int x=0;             設定x值

void draw()

{

  if(mouseX>700) x--;   當鼠標大於700背景圖向左移動

  image( background, x, 0, 1500, 400);  

      背景圖並不大所以將大小放大

  image( people, mouseX-40/2, mouseY-48/2, 40 ,48);

      人物縮小並隨者滑鼠移動

}

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

float x=250, y=200;

float vx=1.0, vy=2.5;          移動速度

void setup()

{

  size(500,400);

}

void draw()

{

  ellipse( x, y, 10, 10);         球的位置和大小

  x+=vx;                              球的水平移動  

  y+=vy;                              球的垂直移動

  if(x>500 || x<0) vx = -vx; 當球移動到視窗外時將移動方向改變

  if(y>400 || y<0) vy = -vy;

}

這是尚未完成的程式碼

void setup()

{

  size(500,400);

}

void draw()

{

  background(255);

  if(mousePressed)line( mouseX, mouseY, x, y);

       當滑鼠按下時開始畫線

  ellipse( x, y, 10, 10);

  x+=vx;

  y+=vy;

  if(x>500 || x<0) vx = -vx;

  if(y>400 || y<0) vy = -vy;

}

void mouseReleased()

{

  vx = x-mouseX; vy = y-mouseY;  當滑鼠放開時開始移動

}

float x=250, y=200;

float vx=1.3, vy=-14;  初始向左移動並向下掉落

void setup()

{

  size(500,400);

}

void draw()

{

  //background(255); 將背景消除後會顯示軌跡

  ellipse( x, y, 10, 10);

  x+=vx;

  y+=vy;

  vy +=0.98;   添加重力

  if(x>500 || x<0) vx = -vx*0.85; 撞向牆壁時移動速度減慢

  if(y>400 || y<0) vy = -vy*0.85;

}

week02顏色以及互動

 
size( 寬, 高); 視窗的大小

background( R, G, B); OR background(顏色代碼 );背景的顏色

stroke( R, G, B);線的顏色

fill( R, G, B ); OR fill( 顏色 );填滿方塊顏色

rect( x座標, y座標, 寬, 高);方塊

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

 

else background( 0, 255, 0);螢幕沒按下時則是綠色

if(mousePressed) background( 255, 0, 255);當按下畫面時畫面變成紫色

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

if(mousePressed) 滑鼠按下時

 line( mouseX, mouseY, pmouseX, pmouseY);畫出線條

         滑鼠目前的座標到滑鼠之前的座標

fill(#ff0000);rect( 0, 0, 100, 100);          紅色方塊

  fill(#ffff00);rect( 0, 100, 100, 100);     黃色方塊

  fill(#00ff00);rect( 0, 200, 100, 100);    綠色方塊

  fill(#0000ff);rect( 0, 300, 100, 100);    藍色方塊

  fill(#ff00ff);rect( 0, 400, 100, 100);     紫色方塊

  if(mousePressed&& mouseX<100) 當滑鼠按下時並且X小於100

  {

    if(mouseY<100)stroke(#ff0000);          當Y小於100線為紅色

    else if(mouseY<200)stroke(#ffff00);    當Y小於200線為黃色

    else if(mouseY<300)stroke(#00ff00);   當Y小於300線為綠色

    else if(mouseY<400)stroke(#0000ff);   當Y小於400線為藍色

    else if(mouseY<500)stroke(#ff00ff);    當Y小於500線為紫色

  }

  else if(mousePressed &&mouseX>100)當滑鼠按下時且X小於100

    line( mouseX, mouseY, pmouseX, pmouseY);開始畫線

void keyPressed() 按下鍵時

{

  save("yes.png");存檔名為yes.png

}