【インストール不要】JavaScript + p5.js まるわかり講座、前編。【ゲーム・プログラミング】【初心者向け入門】 

これ見てから違和感がえぐいな

cad？

大体その認識であってます🐤 厳密にはリセットされるというより、draw関数の計算が終わるたびに、draw関数のスコープ内の変数が全て消える感じですね。 そして次回のdraw関数の計算で、またlet ballPx = なんとか……で変数が作られる（定義される）感じです その消えたり作られたりを防ぐために、一番外側のスコープに避難させた感じです。

p5.jsはただのライブラリなので、時間制限などはないですよ。 jsファイルを1個ダウンロードして、それをHTMLからscriptタグで読み込むだけで使えます。 p5js.org/get-started/#settingUp 他のライブラリと併用する場合は、同様にscriptタグでそのライブラリを読み込みます。 そんな古臭い方法はいやじゃ！という場合は、「webpack p5.js」でググってみてください。（自分はその辺りは詳しくないですが……）

返信ありがとうございます！

ballPx > 400 は「ボールの中心が画面端を超えたかどうか」という条件なので、めり込み防止のため、これを「ボールの右端が画面端を超えたかどうか」に直す必要があります。 「ボールの中心」ではなく「ボールの右端」で判定をしたいわけですから、ballPxに半径(15)を足します。 ballPx + 15 > 400 あとはこの不等式を変形すればOKです。 ballPx > 400 - 15 ballPx > 385 🐤

​@@heron-no-suugaku 座標x軸から400の距離でそのラインを円の中心が超えないように、ということですね。円が中心を基準とするという部分が理解できてませんでした。ありがとうございました。

和歌山県民だけど、このイントネーションは聞いたこと無いなぁ

editor.p5js.org/AosagiHeron/sketches/uCAtZ2L-7 再生ボタンの下にある > をクリックして、index.html の中身を見てみてください🐤参考になると思います。

@@heron-no-suugaku ありがとうございます！ ありがとうございます！

開発環境作る動画ってバーチャルマシン（vmwareとか）を使わないと撮りづらいのですが、RyzenのCPUと相性が悪いのか上手く動かないんですよね🥺 解決策見つかったら撮るつもりです🐤

お返事ありがとうございます。 いろいろ大変なんですね。。。　素人考えで、ブラウザ上に表示する感じなのかな？　と思っていました。 ブロック崩しを少しずつですが、自分で入力しながら作成しています。今後の動画も楽しみにしています。