期中作品教學+網路示範

2016/03/24
1.老師示範網路上的作品
2.

1. 如何做出很多的 Java 視窗, 而且每一個都能有 void setup() 及 void draw()來做動作

google: processing create window

https://forum.processing.org/one/topic/multiple-windows-2-4-2011.html

它的 code 是舊版的, 新版請加上

import java.awt.Frame;

2.做出大眼睛

3.加入可以讓眼珠跟著滑鼠的程式

void setup(){

  size(120,100);

}

void draw(){

 // float t=frameCount/180.0*PI;

  background(0);

  fill(255);

  ellipse(40,50,33,33);

  ellipse(120-40,50,33,33);

  fill(0);

  float t=atan2(mouseY-50,mouseX-45);

  ellipse(40+15*cos(t),50+15*sin(t),5,5);

  t=atan2(mouseY-50,mouseX-(120-40));

  ellipse(120-40+15*cos(t),50+15*sin(t),5,5);

}

void mouseDragged(){

 fill(0);

  ellipse(40,50,33,33);

   ellipse(120-40,50,33,33);

}

4.雙股螺旋

void setup(){

  size(600,600);

}

void draw(){

 // float t=frameCount/180.0*PI;

  background(255);

  float a =frameCount/100.0;

  for(float f=0;f<PI;f+=0.1){

    rect(200+150*cos(f+a),f*100,30,30);

    rect(200+150*cos(f+a+PI),f*100,30,30);

  fill(255);

  ellipse(40,50,33,33);

  ellipse(120-40,50,33,33);

  fill(0);

  float t=atan2(mouseY-50,mouseX-45);

  ellipse(40+15*cos(t),50+15*sin(t),5,5);

  t=atan2(mouseY-50,mouseX-(120-40));

  ellipse(120-40+15*cos(t),50+15*sin(t),5,5);

}

}

void mouseDragged(){

 fill(0);

  ellipse(40,50,33,33);

   ellipse(120-40,50,33,33);

}