ベクトル処理構文をp5スケッチに変換する

Question

私はコーディングを学んでおり、初心者です。私は現在、Processing（java）スケッチをp5（javascript）スケッチに変換して、私の最初のウェブサイトに入れようとしています。

VectorとArrayの構文を処理スケッチから翻訳する際に問題があります。

これは処理スケッチ（作業）からVector次のとおりです。ここで

for (int i = pts.size()-1; i >= 0; i --){ 
    PVector pt = (PVector)pts.get(i); 
...... 
PVector pt2 = (PVector)pts.get(j); 
     if (pt.dist(pt2) < 20){ 
...... 

は（動作しない）私はP5でそれを翻訳しようとしてきた方法です

for (var i = pts.size()-1; i >= 0; i --){ 

    pt = p5.Vector.pts.get(i); 

........... 

    var pt2 = (PVector)pts.get(j); 

    if (pt.dist(pt2) < 20){ 
     line(pt.x, pt.y, pt2.x, pt2.y); 
    } 

} 

Answer 1

あなたは「shouldn行単位でコードを翻訳し、構文を翻訳してみてください。代わりに、一歩踏み込んで、プログラムを英語に変換する必要があります。それからあなたはその英語をとり、それを軽快な言葉で実装しようとします。それはダムに聞こえるかもしれませんが、英語はアルゴリズムと呼ばれています。

だから、あなたはこのようなプログラムの記述を持っている必要があります。

「表示画面の周りバウンス円が画面の端に触れた場合は、それがで跳ね返るすべき10円... "

これは単なる例ですが、あなたはそのアイディアを得ています。それから、P5.jsに実装します。

"この配列構文をP5.jsに変換するにはどうすればいいですか"という言葉の代わりに、 "JavaScriptで配列がどのように機能するか"、または "JavaScriptで変数がどのように機能するか"を尋ねる必要があります。そこからtutorialsを読んで、P5.jsでアルゴリズムを実装する方法を理解することができます。

特定の構文エラーが発生した場合は、the JavaScript consoleをご覧ください。あなたが言うことは、それが機能していないということだけであれば、私たちは本当に助けることができません。あなたはどんなエラーを出していますか？あなたのMCVEはどこですか？

すべてのことが言われていますが、私はあなたの特定の質問にお手伝いしようとします。のは、元の行を見てみましょう：

PVector pt = (PVector)pts.get(i); 

この行はにptという名前の変数を宣言されており、すべてがタイプを必要とするように、Javaは静的に型付けされているので、それはPVectorにキャストされ、pts.get(i)から返されているもので、それを指しています。

は、あなたがP5.jsでやろうとしているものにすることを比較：

pt = p5.Vector.pts.get(i); 

まず第一に、あなたはpt変数を宣言したのですか？次に、p5.Vector.ptsとは何ですか？この構文は意味をなさない。変数と配列がJavaScriptでどのように動作するかを読む必要があります。

同様に、のは、あなたのP5.jsコードでこの行を見てみましょう：

var pt2 = (PVector)pts.get(j); 

ここでも、どこptsが宣言されていますか？動的に型指定されているため、JavaScriptで何かをキャストする必要はありません。ここでもまた、JavaScriptの変数がどのように機能するかを読み返す必要があります。

恥知らずの自己宣伝：私はJavaScriptを習得しようとしている処理開発者向けの一連のチュートリアルを書いています（here）。