a20200618

void setup()
{
  size(300,300);
}
void draw()
{
  background(#002966);
  fill(#b7efff);//點的顏色
  noStroke();//不畫圓的邊框
  ellipse(100,150, 13,13);//畫點
  ellipse(200,150, 13,13);
}



------------------------------------------------------------------------------------------------------------

void setup()
{
  size(300,300);
}
void draw()
{
  background(#002966);
  stroke(#b7efff);//線的顏色(圖案邊框填色)
  line(100,150, 200,150);//畫線
  //(這行不能再13行noStroke之下，因為線的填色是用圖案邊框去填)

  fill(#b7efff);//點的顏色(圖案填色)
  noStroke();//不畫圓的邊框
  ellipse(100,150, 13,13);//畫點
  ellipse(200,150, 13,13);
}



-----------------------------------------------------------------------------------------------------------------

void setup()
{
  size(300,300);
}
float x=200,y=150;//點跟線的位置初始值
void draw()
{
  background(#002966);
  stroke(#b7efff);//線的顏色(圖案邊框填色)
  line(100,150, x,y);//畫線
  //(這行不能再13行noStroke之下，因為線的填色是用圖案邊框去填)

  fill(#b7efff);//點的顏色(圖案填色)
  noStroke();//不畫圓的邊框
  ellipse(100,150, 13,13);//畫點
  ellipse(x,y, 13,13);
}
void mouseDragged()//滑鼠按下去
{
  x=mouseX;//跟滑鼠移動
  y=mouseY;
}



------------------------------------------------------------------------------------------------------------

void setup()
{
  size(300,300);
}
float x=200,y=150;//點跟線的位置初始值
void draw()
{
  background(#002966);
  stroke(#b7efff);//線的顏色(圖案邊框填色)
  line(100,150, x,y);//畫線
  //(這行不能再13行noStroke之下，因為線的填色是用圖案邊框去填)

  fill(#b7efff);//點的顏色(圖案填色)
  noStroke();//不畫圓的邊框
  ellipse(100,150, 13,13);//畫點
  ellipse(x,y, 13,13);
  if(!mousePressed)//放開按的滑鼠，線回彈
  {
    float dx=x-100 ,dy=y-150;
    float len=sqrt(dx*dx+dy*dy);//計算長度
    x -= dx*(len-100)/len;
    y -= dy*(len-100)/len;
  }
}
void mouseDragged()//滑鼠按下去
{
  x=mouseX;//跟滑鼠移動
  y=mouseY;
}

------------------------------------------------------------------------------------------------------------------
void draw()
{
  background(#002966);
  stroke(#b7efff);//線的顏色(圖案邊框填色)
  line(100,150, x,y);//畫線
  //(這行不能再13行noStroke之下，因為線的填色是用圖案邊框去填)

  fill(#b7efff);//點的顏色(圖案填色)
  noStroke();//不畫圓的邊框
  ellipse(100,150, 13,13);//畫點
  ellipse(x,y, 13,13);
  if(!mousePressed)//放開按的滑鼠，線回彈
  {
    float dx=x-100 ,dy=y-150;
    float len=sqrt(dx*dx+dy*dy);//計算長度
    x -= dx*(len-100)/len*0.1;//*0.1慢慢回彈
    y -= dy*(len-100)/len*0.1;
  }
}
void mouseDragged()//滑鼠按下去
{
  x=mouseX;//跟滑鼠移動
  y=mouseY;
}

---------------------------------------------------------------------------------------------------------------------

void setup()
{
  size(300,300);
}
float x=200,y=150;//點跟線的位置初始值
float vx=0,vy=0;//速度
void draw()
{
  background(#002966);
  stroke(#b7efff);//線的顏色(圖案邊框填色)
  line(100,150, x,y);//畫線
  //(這行不能再13行noStroke之下，因為線的填色是用圖案邊框去填)

  fill(#b7efff);//點的顏色(圖案填色)
  noStroke();//不畫圓的邊框
  ellipse(100,150, 13,13);//畫點
  ellipse(x,y, 13,13);
  if(!mousePressed)//放開按的滑鼠，線回彈
  {
    float dx=x-100 ,dy=y-150;
    float len=sqrt(dx*dx+dy*dy);//計算長度
    vx -= dx*(len-100)/len*0.001;//*0.001慢慢回彈
    vy -= dy*(len-100)/len*0.001;
    x+=vx;//來回彈跳，像彈簧
    y+=vy;
 
  }
}
void mouseDragged()//滑鼠按下去
{
  x=mouseX;//跟滑鼠移動
  y=mouseY;
}

---------------------------------------------------------------------------------------------------------------------

void setup()
{
  size(300,300);
}
float x=200,y=150;//點跟線的位置初始值
float vx=0,vy=0;//速度
void draw()
{
  background(#002966);
  stroke(#b7efff);//線的顏色(圖案邊框填色)
  line(100,150, x,y);//畫線
  //(這行不能再13行noStroke之下，因為線的填色是用圖案邊框去填)

  fill(#b7efff);//點的顏色(圖案填色)
  noStroke();//不畫圓的邊框
  ellipse(100,150, 13,13);//畫點
  ellipse(x,y, 13,13);
  if(!mousePressed)//放開按的滑鼠，線回彈
  {
    float dx=x-100 ,dy=y-150;
    float len=sqrt(dx*dx+dy*dy);//計算長度
    vx -= dx*(len-100)/len*0.001;//*0.001慢慢回彈
    vy -= dy*(len-100)/len*0.001;//力量(拉越長，力量越強)
    x += vx;//來回彈跳，像彈簧
    y += vy;//速度
    //虎克定律
  }
}
void mouseDragged()//滑鼠按下去
{
  x=mouseX;//跟滑鼠移動
  y=mouseY;
  vx=0; vy=0;//拉動時不能有速度，不然第二次拉動會繞圈
}

----------------------------------------------------------------------------------------------------------------------

void setup()
{
  size(400,300);
}
float x=200,y=150;
void draw()
{
  background(#002966);
  fill(255);//長方形顏色
  rect(x,y,80,20);//長方形
  float dx=x-mouseX, dy=y-mouseY;//滑鼠位置
  x -= dx*0.1;//跟著滑鼠移動(長方形比滑鼠慢)
  y -= dy*0.1;
}