1

私はProcessingJsを使用しています。私がやりたいのは、JavaScriptで使用する変数をpdeファイルから取得することだけです。ここからの唯一の例は、JavaScriptで直接処理コードを記述している場合のようです。pdeファイルをロードしてから、JavaScriptでpdeの変数を使用しようとしています。

ProcessingjsのWebサイトには、次の段落があります。

Processing.jsパーサーによって作成されたJavaScriptはグローバルオブジェクトに直接公開されないため、ProcessingコードからJavaScriptへのアクセスは他の方法よりも簡単です。代わりに、Processing.instancesプロパティを使用してアクセスします。

Processingコンストラクターは、作成したインスタンスを追跡し、getInstanceById（）メソッドを使用してそれらを使用できるようにします。デフォルトでは、aにdata-processing-sources属性がある場合、そのIDはProcessingインスタンスの一意の識別子として使用されます。id属性が指定されていない場合は、Processing.instances[0]を使用できます。

この段落の下で彼らが指摘している例にはリンクがありません。これは私の答えに違いないが、私には理解できない。誰かがこれを手伝ってくれますか？JavaScriptでProcessingインスタンスをインスタンス化するにはどうすればよいですか？

JavaScriptでgetInstanceById（...）を使用しようとしましたが、エラーコンソールでメソッドが定義されていないと表示されます。

どんな助けでもありがたいです、ありがとう！〜Mikeshiny

4

2 に答える 2

0

私は混乱しています - あなたの .pde ファイルは基本的にJavascript だと思っていました!

とにかく：ここを見てください：

* http://js.processing.org/reference/articles/jsQuickStart#writingpureprocessingcode

処理と JavaScript コードを組み合わせたドキュメントの作成

Processing.js に関して人々が最初に尋ねる質問の 1 つは、Processing スケッチが実行されているドキュメントから値を読み取れるかどうか、またはその逆が可能かどうかです。答えはイエスです。

Processing.js は、Processing コードを関数クロージャに含まれる JavaScript に変換します。作成した変数と関数は、グローバル オブジェクト (ウィンドウなど) には関連付けられません。ただし、それらにアクセスすることはできます。

Processing から JavaScript オブジェクトにアクセスする

Processing コードは JavaScript に変換され、他の関数と同じように実行されるため、すべての Processing コードはグローバル オブジェクトにアクセスできます。これは、グローバル スクリプト ブロックで変数または関数を作成すると、自動的に Processing にアクセスできることを意味します。

于 2012-08-08T19:53:43.503 に答える
0

JavaScript から処理にアクセスするidには、canvashtml 要素に を設定する必要があります。

<canvas id="my-sketch" data-processing-sources="sketch.pde"></canvas>

そして、次のgetInstanceByIdメソッドを使用してアクセスします。

var p = Processing.getInstanceById('my-sketch');
p.background(0);
p.redraw();
...
于 2012-08-31T10:57:01.997 に答える