00葉正聖老師, Week15, HW12

1. 繳交校外教學心得報告 1頁半 Word檔
(沒有去的同學,就自行寫份實作期末作品的報告)
2. 今天專注在期末作品的實作
Week 15
Week 16
//Week 17
Week 19 (期中考後星期一下午繳交)
3. 今天要教 Arduino Button 對映 Processing 中,做對映的畫面
4. 老師挑選幾個作品進行實作示範
4.1. Processing 做

HW08, Week08, 葉正聖老師示範

1. 請寫下以下資料:
1.1. 你之前完成了什麼?
1.2. 你今天計畫要做什麼?
1.3. 可能會遇到的問題... (及可能的解決方法)

2. 請把你目前期中作品的進度貼出來


示範時間 : 老師示範一些期中作品,如果是老師,會怎麼實作。

HW7, Week07, 00

===== 視訊 ======
http://www.eden.net.nz/7/20071008/
Click here to download the installer for version 1.0.5 of WinVDIG.

可以在 Processing-Examples-Library-video-Capture 看到很多範例
BackgroundSubstruction 這個範例不錯,簡單!

小葉老師最短的視訊
import processing.video.*;
Capture video;
void setup(){
  size(640,480,P2D);
  video = new Capture(this, width, height);
  video.start();
  loadPixels();
}
void draw(){
  if(video.available()){
    video.read();
    video.loadPixels();
    for(int i=0;i<640*480;i++){
      pixels[i]=video.pixels[i];     
    }
    updatePixels();
  }
}
=====同時很多按鍵可能不能按======
http://www.mobile01.com/topicdetail.php?f=351&t=1831722&r=7&last=34166864

=====怎麼做唯舞獨尊的四個鍵======
int d1=0,d2=0,d3=0,d4=0;
void setup(){
  size(900,400);
}
void draw(){
  if(d1==1){
    fill(255,0,0);
  }else{
    fill(128,128,128);
  }
  rect(100,100,100,100); 
  if(d2==1){
    fill(255,0,0);
  }else{
    fill(128,128,128);
  }
  rect(300,100,100,100); 
  if(d3==1){
    fill(255,0,0);
  }else{
    fill(128,128,128);
  }
  rect(500,100,100,100); 
  if(d4==1){
    fill(255,0,0);
  }else{
    fill(128,128,128);
  }
  rect(700,100,100,100); 
}
void keyPressed(){
  if(key=='1'){
    d1=1;
  }else if(key=='2'){
    d2=1;
  }else if(key=='3'){
    d3=1;
  }else if(key=='4'){
    d4=1;
  }   
}
void keyReleased(){
  if(key=='1'){
    d1=0;
  }else if(key=='2'){
    d2=0;
  }else if(key=='3'){
    d3=0;
  }else if(key=='4'){
    d4=0;
  }   
}

HW06 00葉正聖老師 示範

TODO: "看" 別人的 HW05 的作品

TODO: HW06第一部分: "寫"作品建議, 讚美、寫賣點

TODO: HW06第二部分: 今天的進度: 做期中作品
(a) 素材
(b) 想流程,很細地寫下步驟
(c) 試 code 看想法是否可行

HW05

HW05
作業1: 會自己動
作業2: 會和你互動
作業3: 期中作品你想做什麼 (請放圖、放文字)
======
void setup(){
  size(600,600);
}
void draw(){
  translate(300,300);
  fill(255,0,0);
  for(int i=0;i<36;i++){
    rotate( PI/18);
    ellipse(100,0,200,20);
  }
}

====
void setup(){
  size(600,600);
}
float rrr=0.01;
void draw(){
  background(0,0,0);
  translate(300,300);
 
  rotate(rrr);rrr+=0.001;
 
  fill(255,0,0);
  for(int i=0;i<36;i++){
    rotate( PI/18);
    ellipse(100,0,200,20);
  }
}

Week 04, HW04, 葉正聖老師示範

座位表:

https://docs.google.com/a/mail.mcu.edu.tw/spreadsheet/ccc?key=0AiYbu0zjxrp1dElYQkdOU3F5NWVFOUZFc0ZCRVRFR3c

proxy.tj.mcu.edu.tw   3128
void setup(){
  size(500,400);
}
void draw(){
  line(mouseX, mouseY, pmouseX, pmouseY);
}
================
void setup(){
  size(500,400);
}
void draw(){
  if(mousePressed)  line(mouseX, mouseY, pmouseX, pmouseY);
}

==================
void setup(){
  size(500,400);
  rect(0,0,50,50);
  rect(0,50,50,50);
}
void draw(){
  if(mousePressed && mouseX<50 && mouseY<50) stroke(255,0,0);
  else if(mousePressed && mouseX<50 && mouseY<100) stroke(0,255,0);
  else if(mousePressed)  line(mouseX, mouseY, pmouseX, pmouseY);
}

======================
void setup(){
  size(500,400);
  rect(0,0,50,50);
  rect(0,50,50,50);
  rect(0,100,50,50);
  rect(0,150,50,50);
  rect(450,0,50,50);
  rect(450,50,50,50);
}
int www=5;
void draw(){
  if(mousePressed && mouseX<50 && mouseY<50) stroke(255,0,0);
  else if(mousePressed && mouseX<50 && mouseY<100) stroke(0,255,0);
  else if(mousePressed && mouseX<50 && mouseY<150) save("aaaa.png");
  else if(mousePressed && mouseX<50 && mouseY<200){
    PImage file = loadImage("aaaa.png");
    image(file, 0,0,500,400);
 
  }else if(mousePressed && mouseX>450 && mouseY<50){
    strokeWeight(++www);
  }
  else if(mousePressed && mouseX>450 && mouseY<1000){
    strokeWeight(--www);
    if(www<2)www=2;
  }
  else if(mousePressed)  line(mouseX, mouseY, pmouseX, pmouseY);
}
=====
http://code.google.com/p/simple-openni/
http://learning.codasign.com/index.php?title=Build_Your_Own_Superhero

Week03 HW03 葉正聖老師

http://www.youtube.com/watch?v=I3hfmVb1IQs

size(600,600);

fill(255,255,255);
rect(100,100,100,100);


fill(255,255,0);
ellipse(100,100,100,100);

for(int i=0;i<10;i++){

}

====================

void setup(){
  size(600,600);
}

void draw(){
  fill(255,255,255);
  rect(100,100,100,100);

  fill(255,255,0);
  ellipse(mouseX,mouseY,100,100);
}

=======================

void setup(){
  size(600,600);
  //frameRate(1);
}
float x=100,y=100;
void draw(){
  background(0,0,0);

  fill(255,255,255);
  ellipse(mouseX,mouseY,100,100);

  fill(255,255,0);
  ellipse(x,y,50,50);

  x=x*0.9 + mouseX*0.1;
  y=y*0.9 + mouseY*0.1;
}

=======================

void setup(){
  size(600,600);
}
float [] x = new float[10];
float [] y = new float[10];
void draw(){
  background(0,0,0);
  fill(0,0,255);
  ellipse(mouseX,mouseY,50,50);
  fill(255,255,255);

  x[9]=mouseX;
  y[9]=mouseY;
  for(int i=0;i<9;i++){
    ellipse(x[i],y[i],20,20);
    x[i]=x[i+1];
    y[i]=y[i+1];
  }
}

========

void setup()
{
  size(600,600);
}
void draw()
{
  background(0,0,0);
  fill(255,255,255);
  ellipse(200,200, 200,200);
  ellipse(400,200, 200,200);
 
  fill(0,0,100);
  float x=mouseX-200, y=mouseY-200;
  float len=sqrt(x*x+y*y);
  ellipse(200+x*50/len,200+y*50/len, 100,100);

  x=mouseX-400;
  y=mouseY-200;
  len=sqrt(x*x+y*y);
  ellipse(400+x*50/len,200+y*50/len, 100,100);
}

Week02, HW02, 畫圖

1. 今天的課程目標: 5行,畫出50個方塊、有漸層的feel、很多大眼睛
1.1. 目標是讓大家熟悉 for迴圈的用法、調數字
1.2. 學會的單字: fill(), random(), rect()
1.3. 

作業1:

size(600,600);
for(int i=0;i<50;i++){
  fill( random(255), random(255), random(255));
  rect(random(500),random(500),random(500),random(500));
}

作業2

size(400,300);
for(int i=0;i<40;i++){

  for(int k=0;k<30;k++){

    fill(i*255/40,k*255/30,0);
    rect(i*10,k*10,  10,10);
  }
}

作業3

size(400,300);
for(int i=0;i<4;i++){

  for(int k=0;k<3;k++){

    fill(i*255/4,k*255/3,0);
    ellipse(i*100+50,k*100+50,  100,100);
  }
}

Week 01, HW01

1. Google 美女工程師, 程式語言用 Ruby, C++, Processing
1.1. TODO: 請去找一下 Processing 寫出來的作品
1.2. TODO: 用 Youtube 分享,按Blogger 把 HTML的 <iframe...> 貼在你的作業中
1.3. 下載 Processing
2. TODO: 寫出你的第一個Processing 程式碼: Hello World 變 Hello Kitty
3. TODO: 請找一張圖,用小畫家(mspaint)輔佐你,畫出你的 Processing 圖, 並都貼出來。
4. TODO: 請寫下你的心得 (1) 你學了什麼東西, (2) 有什麼東西不懂, (3) , 還想學什麼

size(500,500);
PImage kitty;
kitty = loadImage("http://buytheway.buyble.com.tw/wp-content/uploads/2011/01/hello-kitty-fredscorner1.jpg");
image(kitty, 20,20);