04-04 アニメーションの概要

学習日

2025年10月21日

名前

河西恵太

練習問題4-4-1

2つの円を左右から中央に向かって移動させる。
それぞれの円の高さ(縦の大きさ)も時間とともに変化させる。
frameCount % 400 を使って、X座標と大きさを調整する。

回答

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

function draw() {
  background(50);
  noFill();
  stroke(255);
  strokeWeight(8);
  ellipse(frameCount, 200, 100, frameCount%400 + (frameCount / 2));
  ellipse(frameCount-frameCount*2+400, 200, 100, frameCount%400 + (frameCount / 2));
}

感想

少しずつ抜けている部分があったり惜しいところまで行くのですが最後のところで小さくならなかったりして時間がかかってしまいました。プログラムが動作しないときもカッコが一つ足りていなかったりなどでしょうもないことが多いのでプログラムを動かす前にしっかり確認したりする必要がある

コメントする