修改時程

因廠商備貨不及，故本週工作坊將改成承接上次課程，考慮大家的負荷程度應該只會上9:30 -12:30。Arduino課程將擇期再上。

今後課程調整如下：
12/14（六）Data Visualization: Processing
12/21（五）Arduino Hello World
12/28（五）Arduino LED, Servo motor, 光敏
01/04（五）Prototyping Check
01/05（六）Arduino - Processing 軟硬體溝通
01/11（五）Arduino - Processing 2 軟硬體溝通
-> 範本

01/18（五）期末報告 - 期末作品集初版
                期末展覽 - 期末作品集最終版

希望大家提早準備。

[公告] 12/15 工作坊時程異動與課程調整

因廠商備貨不及，故本週工作坊將改成承接上次課程，考慮大家的負荷程度應該只會上9:30 -12:30。Arduino課程將擇期再上。

今後課程調整如下：
12/14（六）Data Visualization: Processing
12/21（五）Designing Interaction with Processing: Mouse and Keyboard
12/28（五）Designing Interaction with Processing: Arduino- Processing 軟硬體溝通
1/4（五）Prototyping Check
1/5（六）Arduino - Processing 軟硬體溝通
1/11（五）期末報告 - 期末作品集初版
報告架構

• 觀察
• 空間觀察
• 行為觀察
• 脈絡觀察
• 互動模式(Interactive model)
• 互動原型製作(Prototype)
• 點子描繪(Idea Sketch)
• 草模(1-N)
• 最後發展原型
• 反思回饋(Reflection)
• 旁人的反應
• 自己的反應
• 修正方向

1/18（五）期末展覽 - 期末作品集最終版

希望大家提早準備。

B10010104_張舒涵_聖誕樹

size(200,300);
background(218,177,178);


for(int i=10; i<100 ; i+=3){
 line(100,20,i+45,100);
}
for(int i=10; i<100 ; i+=3){
 line(100,60,i+45,140);
}
for(int i=10; i<100 ; i+=3){
 line(100,100,i+45,180);
}

for(int i=5; i<50 ; i+=4){
 line(100,120,i+70,250);
}
noStroke();
ellipse(20,150, 10, 10);
noStroke();
ellipse(40, 50,10, 10);
noStroke();
ellipse(80,90,10, 10);
noStroke();
ellipse(150,200,10, 10);
noStroke();
ellipse(120,70,10, 10);
noStroke();
ellipse(180,120,10, 10);

rect(0,250,200,300);

textSize(15);
fill(0, 50, 153, 70);
text("Merry Christmas", 40, 270);

B10010126_徐玲琪_聖誕樹

PFont font;//delare the font
font = loadFont("Cambria-BoldItalic-48.vlw"); //load
textFont(font);
size(299,780);
background(230,240,200);

smooth();
for(int i=100; i<200 ; i+=3){
 line(150,500,i,750);
}

for(int i=50; i<250 ; i+=3){
  line(150,20,i,250);
}

for(int i=20; i<290 ; i+=6){
 line(150,50,i,500);
}

 for(int i=20; i<290 ; i+=3){
 line(150,300,i,500);
}

for(int i=100; i<200 ; i+=3){
 line(150,200,i,750);
}

color c = color(30,20,55,30);
noStroke();
fill(c);
for(int i=5; i<700 ; i+=30){
  ellipse(30, i, i, i);
  ellipse(90, i, 10, 10);
  ellipse(150, i, 10, 10);
  ellipse(210, i, 10, 10);
  ellipse(270, i, i, i);
}

fill(255);
textSize(20);
text("Merry", 130, 400);
text("Christmas ", 110 ,420);
color(255, 204, 0);
smooth();

noStroke();
fill(255);
ellipse(20, 500, 7, 7);
ellipse(80, 500, 7, 7);
ellipse(130, 500, 7, 7);
ellipse(180, 500, 7, 7);
ellipse(230, 500, 7, 7);
ellipse(280, 500, 7, 7);

ellipse(50, 250, 5, 5);
ellipse(90, 250, 5, 5);
ellipse(130, 250, 5, 5);
ellipse(170, 250, 5, 5);
ellipse(210, 250, 5, 5);
ellipse(250, 250, 5, 5);

B10034005_薛天惠_聖誕樹

    

size (400, 600);

background(23, 100, 203);

for (int i=3; i<400; i=i+1){

  stroke(23+i,100+i,203+i);

  line(0,150-i/2,400,100-i);

}

for (int i=3; i<400; i=i+1){

  stroke(23-i,100-i,203-i);

  line(0,450+i,400,400+i*2/3);

}

for (int i=1; i<40; i=i+1) {

  stroke(108,88,7);

  line(200+i*2/3,270,200+i,400);

}

for (int i=1; i<40; i=i+1) {

  stroke(108,88,7);

  line(200-i*2/3,270,200-i,400);

}

for (int i=1; i<160; i=i+1) { //down

  stroke(30,147,120);

  line(200,150,120+i,300+i/7);

}

for (int i=1; i<100; i=i+1) { //up

  stroke(156,253,234);

  line(200,130,240-i,190+i/4);

}

B10034025_鍾宜芳_聖誕樹

void setup(){
size(300, 300);
background(0);
}

void draw(){
 
  //middle trunk
  fill(200, 145, 50);
  noStroke();
  rect(140, 220, 20, 50);
  //side trunks
  fill(80, 50, 0);
  noStroke();
  rect(60, 195, 16, 50);
  rect(224, 195, 16, 50);
 
  //middle leaves
  for(int a = 0; a<=160; a=a+20){
    stroke(255);
    line(150, a+20, 105, a+70);
    line(150, a+20, 195, a+70);
  }
  //left leaves
   for(int a = 0; a<=160; a=a+15){
    stroke(125);
    line(68, a+10, 36, a+46);
    line(68, a+10, 100, a+46);
  }
  //right leaves
   for(int a = 0; a<=160; a=a+15){
    stroke(125);
    line(232, a+10, 200, a+46);
    line(232, a+10, 264, a+46);
  }  
 
  drawBells();
}

//darw bells
void drawBells(){
  //left
  for(int a = 45; a<=225; a=a+40){
  fill(255, 0, 0);
  noStroke();
  ellipse(127, a, 8, 8);
  }
  //right
  for(int a = 70; a<=200; a=a+40){
  fill(255, 125, 0);
  noStroke();
  ellipse(177, a, 8, 8);
  }
}

B10034014_李昀叡_聖誕樹

background(156,214,194);
size(100,600);

for(int  q = 10; q < 91;q += 5) {
  if(q%10 == 0) {
    stroke(255);
    line(q,500,q,560);
  }else{
    stroke(255);
    line(q,500,q,540);
  }
}

for(int  w = 20; w < 81;w += 4) {
  if(w%10 == 0) {
    stroke(255);
    line(w,400,w,490);
  }else{
    stroke(71,206,160);
    line(w,400,w,460);
  }
}

for(int  e = 30;e < 71;e += 3) {
  if(e%10 == 0) {
    stroke(255);
    line(e,300,e,390);
  }else{
    stroke(37,145,123);
    line(e,300,e,360);
  }
}

for(int  r = 40;r < 61;r += 2) {
  if(r%10 == 0) {
    stroke(255);
    line(r,200,r,290);
  }else{
    stroke(17,82,69);
    line(r,200,r,260);
  }
}

line(50,100,50,160);
stroke(11,56,47);

textSize(10);
fill(11,56,47);
text("x'mas",35,80);

B10034040_李綠珊_聖誕樹

int p =0;

int q =100;

void setup(){

  size(300, 300);

  background(173, 208, 227);

  smooth();

}

void draw(){

  strokeWeight(2);

  stroke(255);

  for(int a=0; a<=q; a = a+10){

    line(p, a, 100-a, q);

    line(q, q+a, 200-a, 200);

    line(200, 200+a, 300-a, 300);

    line(p, a+100, 200-a, 300);

    line(a, 300, q, 200+a);

    line(a, 200, q, 100+a);

    line(p, a/2, a/2, p);

    strokeWeight(1/2);   

  }

  

  noFill();

  smooth();

  strokeWeight(1/2);

  stroke(250);

  for(int b=100; b<=300; b = b+20){

    arc(200, 300, 200, b, PI+HALF_PI, TWO_PI);

  }

  fill(255);

  textSize(20);

  textAlign(RIGHT);

  text("MERRY", 195, 235);

  textAlign(RIGHT);

  text("CHRISTMAS", 195, 255);

  

  fill(11, 81, 118);

  textSize(20);

  textAlign(RIGHT);

  text("MERRY", 195, 230);

  textAlign(RIGHT);

  text("CHRISTMAS", 195, 250);  

}

    

B10030407 蔡承融

int x=0;
int y=0;

color a =color (7,106,135);

void setup(){
size(350,470);
}

void draw(){
background(125,209,240);

for (int i = 1; i < 100; i+=2) {//背景
stroke(209, 243, 255);
line(0, 350, 515-i, 240);
}
for (int i = 1; i < 130; i+=3) {//背景
stroke(195, 243, 255);
line(0, 450, 615-i, 240);
}
for (int i = 1; i < 150; i+=2) {//背景
stroke(195, 243, 255);
line(150, 200, 115-i, 0);
}
for (int i = 10; i < 171; i+=2) { //底
  stroke(36, 154, 198);
  line(180, 440+i, 350, 440+i);
}
for (int i = 10; i < 171; i+=2) { //底
  stroke(54, 79, 89);
  line(0, 440+i, 199, 440+i);
}
for (int i = 10; i < 171; i+=2) { //樹幹
  stroke(44, 109, 104);
  line(147, 140+i, 182, 140+i);
}
for (int i = 1; i < 100; i+=2) {//底淺三角
stroke(80, 223, 211);
line(167, 80, 215-i, 200);
}
for (int i = 1; i < 130; i+=2) {//最底三角
stroke(29, 76, 72);
line(167, 50, 229-i, 230);
}
for (int i = 1; i < 100; i+=2) {
stroke(14, 54, 51);
line(167, 100, 215-i, 140);
}
for (int i = 1; i < 100; i+=2) {
stroke(80, 223, 211);
line(167, 80, 215-i, 140);
}
for (int i = 1; i < 100; i+=2) {//上三角外
stroke(29, 76, 72);
line(167, 50, 215-i, 150);
}
fill(a);
textSize(26);
text("Merry", 165, 360);
text("Christmas", 185, 390);
}

B10030002_李方_聖誕樹

void setup() {
  size(500, 700);
  background(50, 160, 160);
}

void draw() {
  for(int i = 0; i < 180; i = i+2) {
 
    line(250-i, 50+i, 250+i, 50+i);
    if(i % 30== 0) {
      fill(255, 255-i, 0);
     smooth();
      ellipse(250-i, 50+i, 15, 15);
      ellipse(250+i, 50+i, 15, 15);
    }
  }
  for(int i = 0; i < 230; i = i+3) {
    line(250-i, 180+i , 250+i, 180+i);
    if( i % 30== 0) {
      fill(i, 20, 350);
      smooth();
      ellipse(250-i, 180+i, 15, 15);
      ellipse(250+i, 180+i, 15, 15);

    }
  }
  for(int i = 0; i < 100; i = i+5) {
    line(200+i, 410, 200+i, 600);
    if(i % 10 == 0) {
      stroke(20);
    } else {
      stroke(255);
    }
  }

 

  stroke(255);
  fill(255);
  ellipse(mouseX, mouseY, 10, 10);
 
}

B9930219-謝伯彥-聖誕樹

void setup() {
background(255,255,255);
size(300, 300);
}

void draw() {
for(int i=0;i<150;i=i+1){
  line(150,40,80+i,100);
}

for(int i=0;i<200;i=i+1){
  line(150,40,60+i,150);
}

for(int i=0;i<240;i=i+1){
  line(150,40,40+i,210);
}

for(int i=0;i<200;i=i+1){
  line(110,80+i,200,80+i);
}

for (int i = 20; i < 280; i=i+60) {
  noSmooth();
  ellipse(50,i,15,15);
  ellipse(100,i+15,15,15);
  ellipse(150,i,15,15);
  ellipse(200,i+15,15,15);
  ellipse(250,i,15,15);
   
}
}

B10010112_張雅婷_聖誕樹

void setup() {
  size(500,500);
  background(0);
}
void draw() {
for (int i = 30; i < 480; i +=80) {
    fill(255);
    stroke(255); 
    ellipse(350,i,17,17);
    ellipse(50,i+30,20,20);
    ellipse(170,i+60,19,19);
    ellipse(430,i+85,19,19);
    noSmooth();
  }
  for (int i = 140; i < height; i +=20) {
     stroke(200);  
    noFill();
    triangle(250, 80, 100, 350,400,350);
    triangle(250,35, 230,75, 270, 75);
    triangle(230,50, 250,80, 270, 50);
    rect(220,350,59, 90);
    stroke(0,100,100);
  }
    for (int i =140; i < height; i +=20)
     if ( i <415)  {
    line(250,84,i-20,350);
    stroke(0,100,100);
    line(250,350,250,440);
    line(240,350,240,440);
    line(230,350,230,440);
    line(260,350,260,440);
    line(270,350,270,440);
textSize(20);
text("-MERRY",300,470);
text("CHRISTMAS-",350,495);
}  
}

B10010111_賴瑋淳_聖誕樹

size (300, 450);
background(207, 229, 218);

for (int i = 1; i < 3000; i = i+1) { //背景
  stroke(242, 165, 165, 3);
  line(0, 350+i, 350, -120);

}
for (int i = 2; i < 70; i = i+1) { //樹幹
  stroke(44, 109, 104);
  line(135, 238+i, 165, 238+i);
}

for (int i = 10; i < 30; i = i+1) { //盆栽
  stroke(27, 76, 72);
  line(115-9+i, 280+i, 185+9-i, 280+i);
}

for (int i = 2; i < 100; i = i+1) { //下面三角形
  stroke(97, 201, 192);
  line(150, 100, 200-i, 240);
}

for (int i = 1; i < 60; i = i+1) { //上面三角形
  stroke(151, 230, 223);
  line(150, 90, 180-i, 160);
}

smooth(); //圓
ellipse(150, 90, 15, 15);

for (int i = 2; i < 300; i = i+1) { //背景
  stroke(197, 215, 150, 30);
  line(0, 0+i, 420, 0);
  stroke(241, 216, 189, 40);
  line(0, 100+i, 450, 480);
}

textSize(20); //文字
fill(0, 102, 153, 70);
text("Merry", 125, 340);
fill(0, 115, 173, 99);
text("Christmas", 105, 370);

for (int i = 20; i <800 ; i = i+30) { //雪
  smooth(); //圓
  ellipse(280, i-50, 3, 3);
  smooth(); //圓
  ellipse(280, i-50+5, 3, 3);
  smooth(); //圓
  ellipse(20, i-50, 3, 3);
  smooth(); //圓
  ellipse(20, i-50+5, 3, 3);
  smooth(); //圓
  ellipse(i-50, 20, 3, 3);
  smooth(); //圓
  ellipse(i-50+5, 20, 3, 3);
  smooth(); //圓
  ellipse(i-50, 430, 3, 3);
  smooth(); //圓
  ellipse(i-50+5, 430, 3, 3);
}

B10034002_黃健崴_聖誕樹

void setup() {
  size(500, 400, P3D);
  noFill();
}
void draw() {
  background(0,172,33);
  int a = 250;//x1
  int b = 60; //y1
  int c = 200;//x3 left
  int d = 300;//x3 right
  int q = int(map(mouseX, 520,0, 0, 30));
  stroke(0,100,20);
  bezierDetail(q);
  for(int i=0; i<24; i=i+2){
  bezier(a, b, a, b+20, c+i*5, 180-i,   c-80+i*5,  180-i);
  bezier(a, b, a, b+20, c+i*5, 220-i,   c-90+i*5,  220-i);
  bezier(a, b, a, b+20, c+i*5, 260-i,   c-100+i*5, 260-i);
  bezier(a, b, a, b+20, c+i*5, 330-i/2, c-20+i*5,  300-i/2);
  bezier(a, b, a, b+20, d-i*5, 260-i,   d+100-i*5, 260-i);
  bezier(a, b, a, b+20, d-i*5, 220-i,   d+90-i*5,  220-i);
  bezier(a, b, a, b+20, d-i*5, 180-i,   d+80-i*5,  180-i);
  bezier(a, b, a, b+20, d-i*5, 330-i/2, d+20-i*5,  300-i/2);
}
}