javascript - Processing.js を使用して画像を水平方向に反転するにはどうすればよいですか?

Question

質問に追加することはあまりありません。Processing.js を使用して画像を水平方向に反転するにはどうすればよいですか?

Answer 1

すでにロードされていると仮定しますimg：

processing.draw = function () {
   // place image
    processing.image(img, 0, 0);

    // flip using a matrix
    processing.pushMatrix();
    processing.scale(-1.0, 1.0)
    processing.image(img, -img.width, 0);
    processing.popMatrix();
};

必要に応じて、引数を調整して画像を垂直方向に反転するのは難しくありません。

Answer 2

public PImage getReversePImage( PImage image ) {
 PImage reverse = new PImage( image.width, image.height );
 for( int i=0; i < image.width; i++ ){
   for(int j=0; j < image.height; j++){
     reverse.set( image.width - 1 - i, j, image.get(i, j) );
   }   
 }
 return reverse;
}

http://uihacker.blogspot.com/2012/04/processing-flip-pimage-horizo​​ntally.htmlから