2019年9月26日 星期四

06160396_互動技術_W3

1.以下的程式碼是可以做出類似小畫家的功能,但只能一筆畫過去
void setup()
{
  size(600,300);
}
void draw()
{
  line (mouseX,mouseY,pmouseX,pmouseY);
}
以下如圖
2.以下的程式碼是可以讓線條多出一些橢圓的形狀
void setup()
{
  size(600,300);
}
void draw()
{
  ellipse(mouseX,mouseY,3,3);
  line (mouseX,mouseY,pmouseX,pmouseY);
}
以下如圖
3.以下程式碼是更改線的粗細以及顏色
void setup()
{
  size(600,300);
  stroke(0,0,255);
  strokeWeight(10);
}
void draw()
{
  line (mouseX,mouseY,pmouseX,pmouseY);
}
以下如圖
4.以下的程式碼是可以讓滑鼠按這才能畫出來,並且當按1,2。3。會變不同的顏色
void setup()
{
  size(600,300);
  stroke(0,0,255);
  strokeWeight(10);
}
void draw()
{
  if(key=='1') stroke(255,0,0);
  if(key=='2') stroke(255,255,0);
  if(key=='3') stroke(0,255,0);
  if(mousePressed)
  {
    line (mouseX,mouseY,pmouseX,pmouseY);
  }
}
以下如圖
5.以下程式碼可以點選旁邊正方形的顏色並且做變色
void setup()
{
  size(600,400);
  strokeWeight(5);
}
void draw()
{
  fill(255,0,0); rect(0,0,50,50);
  fill(255,255,0); rect(0,50,50,50);
  fill(0,0,255); rect(0,100,50,50);
  fill(0,255,255); rect(0,150,50,50);
  fill(0,255,0); rect(0,200,50,50);
  if(mouseX<50 && mousePressed){
    if(mouseY<50) stroke(255,0,0);
    else if(mouseY<100) stroke(255,255,0);
    else if(mouseY<150) stroke(0,0,255);
    else if(mouseY<200) stroke(0,255,255);
    else if(mouseY<250) stroke(0,255,0);
  }
  if(mousePressed)
  {
    line (mouseX,mouseY,pmouseX,pmouseY);
  }
}
以下如圖
6.以下程式碼是可以點選左邊來變色跟變筆的粗細
void setup()
{
  size(600,400);
  rect(0,250,50,250);
  line(25,250,25-7,400);
  line(25,250,25+7,400);
}
void draw()
{
  fill(255,0,0); rect(0,0,50,50);
  fill(255,255,0); rect(0,50,50,50);
  fill(0,0,255); rect(0,100,50,50);
  fill(0,255,255); rect(0,150,50,50);
  fill(0,255,0); rect(0,200,50,50);
  if(mouseX<50 && mousePressed){
    if(mouseY<50) stroke(255,0,0);
    else if(mouseY<100) stroke(255,255,0);
    else if(mouseY<150) stroke(0,0,255);
    else if(mouseY<200) stroke(0,255,255);
    else if(mouseY<250) stroke(0,255,0);
    else{
        strokeWeight((mouseY-250)/10);
    }
  }
  if(mouseX>50 && mousePressed)
  {
    line (mouseX,mouseY,pmouseX,pmouseY);
  }
}
以下如圖

沒有留言:

張貼留言

alanhc 互動技術-week17 [final]

回顧這學期的作品:  期中作業:LANDING:PLANET 賣點&特點: 炫麗的特效 物理(星球重力及降落)及粒子系統(噴射) 世界地圖可根據視角縮放 困難點: 重寫3次最終改寫成物件導向的CLASS寫法...