我出一百萬✌✊✋

 Week10 上課👀👀👀

第一個課堂目標✌✊✋

size(600,600);//(3)大窗子

fill(255,0,0);//(2)第二週教過

textSize(80);//(4)放大字

text("Hello", 50, 50);//(1)一開始字的fill填充色彩 白

將座標更改並加上設定setup跟draw常用Processing

void setup(){

  size(600,600);//(3)大窗子

  fill(255,0,0);//(2)第二週教過

  textSize(80);//(4)放大字

}

void draw(){

  text("Hello",50,100);//(1)一開始字的fill填充色彩 白

}

改背景顏色(白),加入frame讀秒👌👌👌

void setup(){

  size(600,600);//(3)大窗子

  fill(255,0,0);//(2)第二週教過

  textSize(80);//(4)放大字

}

void draw(){

  background(255);//白

  text("Time:"+frameCount,50,100);//每秒60frame,過了幾個frame

}

加入比較準確的millis(千分之一秒👍👍👍👍👍)

void setup(){

  size(600,600);//(3)大窗子

  fill(255,0,0);//(2)第二週教過

  textSize(80);//(4)放大字

}

void draw(){

  background(255);//白

  text("Time:"+frameCount/60,50,100);//不準//每秒60frame,過了幾個frame

  text("millis():"+millis()/1000,50,200);//準

}///kilo- meter- centi- milli(millis千分之一秒)

改成hour(時)minute(分)second(秒)👈👈👈

void setup(){

  size(600,600);//(3)大窗子

  fill(255,0,0);//(2)第二週教過

  textSize(80);//(4)放大字

}

void draw(){

  background(255);//白

  text(hour()+":"+minute()+":"+second(),50,100);

  text("millis():"+millis()/1000,50,200);//準

}//每秒60frame,過了幾個frame

//kilo- meter- centi- milli(millis千分之一秒)

印出中文但失敗

void setup(){

  size(600,600);//(3)大窗子

  fill(255,0,0);//(2)第二週教過

  textSize(80);//(4)放大字

}

void draw(){

  background(255);//白

  //printf("%02d:%02d:%02d",hour(),minute(),second());

  text(hour()+":"+minute()+":"+second(),50,100);

  text("millis():"+millis()/1000,50,200);//準

}//每秒60frame,過了幾個frame

//kilo- meter- centi- milli(millis千分之一秒)

印出所有字形👉👈

println( PFont.list() );

成功印出標楷體中文👇👇👇

PFont myFont;

void setup(){

  size(500,500);

  myFont = createFont("標楷體",100);

  textFont(myFont);

  text("中文" ,100 ,100);

}

顯示字型程式碼👇👇

滑鼠壓下去字體變font2

PFont font1,font2;

void setup(){

  size(500,500);

  font1 = createFont("標楷體",100);

  textFont(font1);

  font2 = createFont("微軟正黑體 Bold",100);

}

void draw(){

  background(0);

  text("中文" ,100 ,100);

  if(mousePressed) textFont(font2);

  else textFont(font1);

}

void setup(){

  size(600,600);

  fill(255,0,0);

  textSize(80);

}

void draw(){

  background(255);

  String hh=nf(hour(),2);

  String mm=nf(minute(),2);

  String ss=nf(second(),2);

  text(hh+":"+mm+":"+ss ,50,100);

}

計算離下課時間還有多久✌✌✌

void setup(){//想要看多久才下課

  size(600,600);//倒數計時

  fill(255);//白色的字

  textSize(80);

}

void draw(){

  background(#075BB2);

  String hh=nf(hour(),2);

  String mm=nf(minute(),2);

  String ss=nf(second(),2);

  text("現在:"+hh+":"+mm+":"+ss ,50,100);

  text("下課:15:40:00",50,200);

  

  int now = hour()*60*60 + minute()*60 + second();

  int next = 15   *60*60 +   40    *60 +    0;//總秒數

  int remain=next-now;//剩下的時間(以秒數來算)

  text("剩下:"+remain,50,300);

}

加入NF

void setup(){//想要看多久才下課

  size(600,600);//倒數計時

  fill(255);//白色的字

  textSize(80);

}

void draw(){

  background(#075BB2);

  String hh=nf(hour(),2);

  String mm=nf(minute(),2);

  String ss=nf(second(),2);

  text("現在:"+hh+":"+mm+":"+ss ,50,100);

  text("下課:15:40:00",50,200);

  

  int now = hour()*60*60 + minute()*60 + second();

  int next = 15   *60*60 +   40    *60 +    0;//總秒數

  int remain=next-now;//剩下的時間(以秒數來算)

  text("剩下:"+remain,50,300);

  hh=nf(remain/60/60,2);

  mm=nf(remain/60%60,2);

  ss=nf(remain%60,2);

  text("剩下:"+hh+":"+mm+":"+ss ,50,400);

}

成功印出中文時間

PFont font;

void setup(){

  //size(224*5,225*2);

  size(  1120, 450  );//把全部的圖,都秀出來

  fill(255);

  font = createFont("標楷體",80);

  textFont(font);

}

void draw(){

  background(#075BB2);

  String hh=nf(hour(),2);

  String mm=nf(minute(),2);

  String ss=nf(second(),2);

  text("現在:"+hh+":"+mm+":"+ss ,50,100);

  text("下課:16:40:00",50,200);

  

  int now = hour()*60*60 + minute()*60 + second();

  int next = 16   *60*60 +   40    *60 +    0;//總秒數

  int remain=next-now;//剩下的時間(以秒數來算)

  text("剩下:"+remain,50,300);

  hh=nf(remain/60/60,2);

  mm=nf(remain/60%60,2);

  ss=nf(remain%60,2);

  text("剩下:"+hh+":"+mm+":"+ss ,50,400);

}

PImage [] img = new PImage[10];//0...9

void setup(){

  size(1120,450);

  for(int i=0; i<10; i++) img[i]=loadImage(i+".png");

}

void draw(){

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

  {

    int x = (i%5) *224, y=int(i/5)*225;

    image(img[i],x,y);

  }

}

最後了!!!!!!!!

//Q: 能不能改用漂亮的圖片, 來顯示數字

//(1) 在 images.google.com 找到10張圖 0...9

//    ex. IconsPng Golden Number 1 Icons PNG

//(2) 存在我們的專案目錄,檔名: 0.png ~ 9.png

//   使用陣列讀進來

PImage [] img = new PImage[10];//0...9

PFont font;

void setup(){

  //size(224*5,225*2);

  size(  1120, 450  );//把全部的圖,都秀出來

  for(int i=0; i<10; i++) img[i]=loadImage(i+".png");

  fill(255);

  font = createFont("標楷體",80);

  textFont(font);

}

void draw(){

  background(#075BB2);

  String hh=nf(hour(),2);

  String mm=nf(minute(),2);

  String ss=nf(second(),2);

  text("現在:"+hh+":"+mm+":"+ss, 50,100);

  text("下課:15:40:00", 50,200);

  

  int now = hour()*60*60 + minute()*60 + second();//總秒數

  int next = 16   *60*60 + 40      *60 + 0;//總秒數

  int remain = next-now;//剩下的時間 (秒數來算)

  if(remain<0) remain += 24*60*60;

  text("剩下:"+remain, 50,300);

  hh = nf(remain/60/60%60, 2);

  mm = nf(remain/60%60, 2);

  ss = nf(remain%60, 2);

  text("剩下:"+hh+":"+mm+":"+ss, 50,400);

  int x=800;

  while(remain>0){

    int n = remain%10;

    remain = remain / 10;

    image( img[n], x,100,100,100);

    x-=100;

  }

}