クリック後のびる

久しぶりにProcessingを触った。void setupとvoid drawを描くことは覚えていても、その次に(){}が来るのをちゃんと覚えていなかった（void draw{}ってやって怒られた）。
クリックしてください↓

void setup() {
  size(500, 500);
  colorMode(HSB, 360, 100, 100);
  background(0, 0, 100);
}

void draw() {
  if (mousePressed) {
    fill(mouseY%360, 100, 100);
    ellipse(mouseX, mouseY, 10, 10);
  }
  mouseX=mouseX+(int)random(1, 10);
}

Twitterで見たProcessingのgifを見て思いついた。本当はmousePressedで丸が出てきてそのまますすすーっと右に移動するつもりだった。少なくともvoid drawの方にbackgroundが必要なのだけど、これはこれで面白い。ちょっと書いていくと楽譜みたいになる。音階みたいだと思って色も変えてみました。もう少し変えればできそうなので再挑戦します。

ブログをmarkdownで書くのにも苦戦してしまった。それからProcessingの綺麗にする方法と再生するコマンドを忘れてしまったのでブログを見返したり。ブランクを感じました。