画像を使ってアニメーション

Processingでアニメーションをしよう！

---

学べること

• 画像の表示方法
• キャラクターアニメーション方法

画像素材

キャラクターのアニメーション用画像はまとまってしまっているので、それぞれ切り取る必要があります。

やることリスト

1. 背景を表示しよう
2. キャラクター（前向き）を表示しよう
3. キャラクター（前向き）をアニメーションさせよう
4. キャラクターを動かそう
5. キャラクターの向きに合わせてアニメーションさせよう

プログラムコードサンプル

PImage haikeiGazo;
float x = 300;
float y = 200;
void setup(){
  size(600, 400);
  haikeiGazo = loadImage("background.png");
}
void draw(){
  background(0);
}
void keyPressed(){
  if(keyCode == UP){

  }
  if(keyCode == DOWN){

  }
  if(keyCode == RIGHT){

  }
  if(keyCode == LEFT){
  }
}