wendy_week8

 互動技術概論

week8

重點語法:

找畫面像素點

pixels[]

舉例:

找像素是pink的向素點

color pink = color(255, 102, 204);

loadPixels();

for (int i = 0; i < (width*height/2)-width/2; i++) {

  pixels[i] = pink; 

}

updatePixels();

舉例:

點選畫面區塊，顯示點選顏色

PImage img;

color nowColor;

void setup() {

  size(300, 200);

  img=loadImage("cloud.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];

}

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];

}

week08

Pixels

PImage img;

void setup(){

  size(300,200);

  img=loadImage("cloud.png");

}

void draw(){

  image(img, 0,0);

}

void mouseMoved(){

  loadPixels();

  for(int i=0; i<width*height; i++){

    if( pixels[i]==#ffffff )print("1");

    else print("0");

  }

}

week08

PImage img;

void setup(){

  size(238,212);

  img=loadImage("images.jpg");

}

void draw(){

  image(img,0,0);

}

void mouseMoved(){

  loadPixels();

  for(int i=0;i<width*height;i++){

    if(pixels[i]==#ffffff)print("1");

    else print("0");

  }

}  

Bill_week8

 今天老師教我們怎麼做Pixels

接下來老師讓我們自己做期中報告

翰翰日記8

 一開始老師教pixels可以拿到圖片的座標

PImage img;

void setup()

{

size(300,300);

img=loadImage("panda.jpg");

}

void draw()

{

image(img,0,0);

}

void mouseMoved()

{

loadPixels();//取得畫布

for(int i=0; i<width*height;i++)//迴圈

    {

    if(pixels[i]==#ffffff)print("1");//取得pixels

    else print("0");

    }

}

Sunnnnnnnnnnnnnn

 Week08

第一個是教取得Pixel值(顏色)

取得之後就可以顯示在左上角

根據滑鼠在哪裡可以得到不同顏色

Pixels的概念圖解

-----

程式碼:

PImage img;

color nowColor;

void setup(){

 size(250,250);

 img = loadImage("cloud.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];

 }

-----