week15(12750370_顧家寶)

 week15-1

// week15_1_multiple_windows

// google: processing multiple windows

// File > Examples > Demos > Tests > MultipleWindows

void setup(){

  size(300, 200); // 小的第1個視窗

  background(255, 0, 0);

  WindowB child = new WindowB(); // 請 WindowB 發威

  WindowB child2 = new WindowB(); // 請 WindowB 發威

  WindowB child3 = new WindowB(); // 請 WindowB 發威

}

void draw(){ // 空白的, 要放哦!

}

// 以下會獨立執行

class WindowB extends PApplet {

  public WindowB(){ // 「建構子」constructor

    super(); // 呼叫上一層「建構子」

    PApplet.runSketch(new String[]{this.getClass().getName()}, this);

  }

  public void settings(){

    size(300, 200);

  }

  public void setup(){

    //size(300, 200);

    background(0, 255, 0);

  }

  public void draw(){ // 空白的, 要放哦!

  }

}

week15-2

// week15_2_multiple_window_PGraphics

PGraphics pg; // 在外面宣告, 不同人都可以用

void setup(){

  size(400, 400, P3D); // 主要的視窗

  pg = createGraphics(200, 200, P3D); // 有一個小的

}

void draw(){

  background(255, 0, 0); // 紅色的大背景

  pg.beginDraw();

  pg.background(0, 255, 0); // 綠色小背景

  pg.translate(100, 100);

  pg.rotateY(radians(frameCount));

  pg.box(100);

  pg.endDraw();

  image(pg, 0, 0);

}

week15-3

// week15_3_multiple_windows_pg_pg2_pg3_pg4

// 修改自 week15_2_multiple_window_PGraphics

PGraphics pg, pg2, pg3, pg4; // 在外面宣告, 不同人都可以用

void setup(){

  size(400, 400, P3D); // 主要的視窗

  pg = createGraphics(200, 200, P3D); // 有一個小的

  pg2 = createGraphics(200, 200, P3D); // 有一個小的

  pg3 = createGraphics(200, 200, P3D); // 有一個小的

  pg4 = createGraphics(200, 200, P3D); // 有一個小的

}

void draw(){

  background(255, 0, 0); // 紅色的大背景

  pg.beginDraw();

  pg.background(0, 255, 0); // 綠色小背景

  pg.translate(100, 100);

  pg.rotateY(radians(frameCount));

  pg.box(100);

  pg.endDraw();

  

  pg2.beginDraw();

  pg2.background(255, 255, 0); // 黃色小背景

  pg2.translate(100, 100);

  pg2.rotateY(radians(frameCount));

  pg2.box(100);

  pg2.endDraw();  

  

  pg3.beginDraw();

  pg3.background(255, 0, 0); // 紅色小背景

  pg3.translate(100, 100);

  pg3.rotateY(radians(frameCount));

  pg3.box(100);

  pg3.endDraw();

  

  pg4.beginDraw();

  pg4.background(255, 0, 255); // 紫色小背景

  pg4.translate(100, 100);

  pg4.rotateY(radians(frameCount));

  pg4.box(100);

  pg4.endDraw();

  

  image(pg, 0, 0);

  image(pg2, 200, 0);

  image(pg3, 0, 200);

  image(pg4, 200, 200);

}

week15-4

// week15_4_Arcball_rotation_PGraphics_pg

// 修改自 week15_3_multiple_windows_pg_pg2_pg3_pg4

// 偷 Arcball 從 File > Examples > Demos > Tests > MultipleWindows 

PGraphics pg, pg2, pg3, pg4; // 在外面宣告, 不同人都可以用

Arcball arcball; // 用偷來的 Arcball 宣告小寫 arcball

void setup(){

  size(400, 400, P3D); // 主要的視窗

  arcball = new Arcball(this, 200); 

  pg = createGraphics(200, 200, P3D); // 有一個小的

  pg2 = createGraphics(200, 200, P3D); // 有一個小的

  pg3 = createGraphics(200, 200, P3D); // 有一個小的

  pg4 = createGraphics(200, 200, P3D); // 有一個小的

}

void mousePressed(){

  arcball.mousePressed();

}

void mouseDragged(){

  arcball.mouseDragged();

}

void draw(){

  background(255, 0, 0); // 紅色的大背景

  pg.beginDraw();

  pg.background(0, 255, 0); // 綠色小背景

  arcball.run();

  //pg.translate(100, 100);

  //pg.rotateY(radians(frameCount));

  pg.box(100);

  pg.endDraw();

  

  pg2.beginDraw();

  pg2.background(255, 255, 0); // 黃色小背景

  pg2.translate(100, 100);

  pg2.rotateY(radians(frameCount));

  pg2.box(100);

  pg2.endDraw();  

  

  pg3.beginDraw();

  pg3.background(255, 0, 0); // 紅色小背景

  pg3.translate(100, 100);

  pg3.rotateY(radians(frameCount));

  pg3.box(100);

  pg3.endDraw();

  

  pg4.beginDraw();

  pg4.background(255, 0, 255); // 紫色小背景

  pg4.translate(100, 100);

  pg4.rotateY(radians(frameCount));

  pg4.box(100);

  pg4.endDraw();

  

  image(pg, 0, 0);

  image(pg2, 200, 0);

  image(pg3, 0, 200);

  image(pg4, 200, 200);

}