0

Java および Android モードではうまく機能するが、JavaScript モードでは機能しないコードを次に示します。PImage.get を使用して、元の画像の部分領域を含む新しい PImage を抽出します。Java および Android モードでは元の画像とサブ画像を描画できますが、JavaScript モードではサブ画像の描画に失敗します。これは、問題の非常に基本的なデモです。独自のイメージ ファイルに置き換えるか、http://readyposition.com/subImageTest.zipからスケッチの zip をダウンロードします。

// Declare 2 images
PImage fullImage, subImage;

void setup() {
  size(640, 480);

  // Load an image from a file
  fullImage = loadImage("smurf_sprite.png");

  // Load the upper left quarter of the original image into a new image
  subImage = fullImage.get(0, 0, fullImage.width / 4, fullImage.height / 4);
}

void draw() {
  background(0);
  imageMode(CENTER);

  // Draw the full image in the background
  image(fullImage, width / 2, height / 2);

  // Draw the sub image where the mouse is
  image(subImage, mouseX, mouseY);
}

シンプルに保つようにしました。JavaScriptモードでこれを機能させる方法を知っているかどうか教えてください.

ありがとう、

〜チャック

4

1 に答える 1

2

ProcessingJS.org の参照には、Processing.org とは異なる内容が含まれていることに気付くべきでした。http://processingjs.org/reference/loadImage_/を見ると、次のようなディレクティブを含める必要があることがわかります。

/* @pjs preload="yourimagename.jog, yourimagename2.png";  */

画像がプリロードされるようにします。私の場合、ピクセルが読み込まれる前に画像のサブ領域をコピーしていたと思います。

于 2013-06-20T18:16:51.063 に答える