プログラミングB #14

#14 時計:時の流れを感じるスケッチを作ってみる


高尾俊介(takawo@konan-wu.ac.jp)
甲南女子大学 文学部 メディア表現学科 講師


時計(もしくは時間の経過が感じられる何か)


  • p5.jsではhour()やminute(),second()といった関数で簡単に時間を取得できる
  • そういった情報を用いて,何か違う時間の表し方を考えてみる


その他:素晴らしいリソース by Golan Levin


時計のサンプル



デジタル時計

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);

  //時分秒を取得
  let h = hour();
  let m = minute();
  let s = second();

  // print(h,m,s); //時分秒をコンソールで出力,表示形式を確認してみる

  h = nf(h, 2); //ゼロフィル(値を2桁にして1桁の場合0で埋める)
  m = nf(m, 2);
  s = nf(s, 2);

  let clock_str = h + ":" + m + ":" + s; //時計として表示する文字列

  //文字サイズや位置を指定して文字列を表示
  textSize(50);