Processing 3에서 GIF 애니메이션을 만들고 저장하는 방법

최근 개인적으로 Processing에 빠져 있습니다. 재미있네요, 제네라티브 아트.

만든 스케치는 역시 GIF 애니메이션으로 저장하고 사이트 등에 올리고 싶네요. 스케치를 GIF 애니메이션으로 만들 수 있는 'gifAnimation'이라는 라이브러리가 있습니다. Processing 2 이하까지만 대응하고 있다고 생각하면, 사랏과 Processing 3 이상 대응 ver.가 있었습니다.

다운로드 및 설치

extrapixel/gif-animation at 3.0

3.0 브랜치에서``Download ZIP ''에서 파일 세트를 다운로드하십시오

Zip을 압축 해제하고 gifAnimation 폴더를 ~/Documents/Processing/libraries/에 복사합니다.

완료

GIF 애니메이션을 만드는 방법

// gifAnimationライブラリを読み込む
import gifAnimation.*;

// GifMakerクラスを呼ぶ
GifMaker gifExport;

void setup(){
  // いつも書いてるもろもろのコード
  frameRate(50); // 50fpsでアニメーションする

  // GIFアニメ出力の設定
  gifExport = new GifMaker(this, "export.gif"); // GifMakerオブジェクトを作る、第2引数にファイル名
  gifExport.setRepeat(0); // エンドレス再生
  gifExport.setQuality(10); // クオリティ(デフォルト10)
  gifExport.setDelay(20); // アニメーションの間隔を20ms(50fps)に
}

void draw(){
  // いつも書いてるもろもろのコード

  // GIFアニメ出力用のコード
  // 50fps * 3、つまり丸3秒録画する
  if(frameCount <= 50*3){
    gifExport.addFrame(); // フレームを追加
  } else {
    gifExport.finish(); // 終了してファイル保存
  }
}

대체로 이런 느낌입니다. 이런 느낌으로 녹화 한 것이 맨 위에 붙여있는 GIF입니다. 리사이즈나 파일 사이즈 조정은 Photoshop에서 하고 있습니다만.
덧붙여서, 녹화 중에는 애니메이션 재생이 엄청 느려집니다. 저장된 GIF 애니메이션 자체는 설정한 속도입니다.

그 외의 메소드등은 여기 에 있습니다.

모두 스케치를 GIF 애니메이션으로 저장하고 공개합시다!