3

processingjs docs にリストされている次のコードを使用して、キャンバスに画像をロードしています。これを JS モードで使用しているため、Processingjs コードの前に Processing オブジェクト、つまり「処理」を付けています。

/* @pjs preload="laDefense.jpg"; */
processing.PImage b;
b = processing.loadImage("laDefense.jpg");
processing.image(b, 0, 0);

このコードを使用すると、「Uncaught SyntaxError: Unexpected identifier」というエラーが表示されます。

Processingjs のドキュメントでは、次の loadImage() のスニペットを参照しています (http://processingjs.org/reference/loadImage_/):

// @pjs preload must be used to preload the image 
/* @pjs preload="laDefense.jpg"; */
PImage b;
b = loadImage("laDefense.jpg");
image(b, 0, 0);

このエラーが発生する理由を知っている人はいますか?

リストされている 2 番目のスニペットを標準モード (.pde ファイル) で使用してみましたが、問題なく動作しました。

4

3 に答える 3

2

を前に付ける目的がわかりませんprocessing.。通常、ストレートな処理スタイルのコードは、.pde ファイルを介して読み込まれるか、html ページに埋め込まれます。処理 ide で JavaScript モードを使用すると、前者が自動的に実行されます。追加する必要はありませんprocessing.

2 番目の例のようにプレフィックスを削除した場合、処理中の標準/Java モードまたは javascript/processing.js モードのいずれかですべてが正しく機能するはずです。

processing.js で使用できないのは、Java 固有の呼び出しとライブラリだけです。ただし、一般的な方法である processing.js を使用して、.pde ファイルに JavaScript を混在させることができます。また、javascript から処理 "sketch" にアクセスして、たとえば javascript/ajax/jquery/etc からデータを渡すこともできます。詳細については、Pomax の Processing.js のガイドまたはProcessing.js の Web サイトを参照してください。

于 2012-10-13T20:16:04.587 に答える
0

Pomax の Processing Tutorials など、Processingjs Web サイトのチュートリアルに従ってください。PImage の扱い方がわかります。PImage には run() の準備が整う前にいくつかの要件があるため、基本的なヒントは、.pjs doc のサイズ (幅、高さ) と同じ寸法で画像を操作していることを確認することです ( である必要があります)。おそらく、処理している画像のサイズよりもサイズが大きい場合、processing.js とブラウザーは pjs スケッチを起動できます。

<h>Pjs is just fine</h>
<pre class="code"><code class="Javascript code">
   /* @pjs preload="image.jpg"; */
   size(400,500); //must be the same as the image you are using
   PImage b;
   b = loadImage("image.jpg");
   background(b);
   int x,y;
   void setup(){}
   void draw(){}
</code></pre>
<canvas datasrc="sketch.pjs"></canvas>

もう 1 つのヒントとして、datasrc="" を使用します。画像ディレクトリは別の場所に置くことができます。

于 2013-02-21T02:31:09.837 に答える
0

へい。私は解決策を持っています。

私はあなたの例を読んでいました.sencondのすべては大丈夫です。私もあなたのコードを試してみましたが、「データ」と呼ばれるファイル内に画像を入れるまで機能しませんでした...魔法は機能します。全体として、ファイルは「データ」と呼ばれ、スケッチと同じファイルにある必要があります。この情報がお役に立てば幸いです。

于 2014-01-22T17:52:16.003 に答える