Розмір відео: 1280 X 720853 X 480640 X 360
Показувати елементи керування програвачем
Автоматичне відтворення
Автоповтор
今までの人生で初めて聞いたJavaScriptのイントネーションです。笑
カタカナ語のイントネーションは絶対に何がなんでも初めの音にアクセントを置くとこという意地を感じる
これ見てから違和感がえぐいな
Java初心者76歳です。ﾜﾝﾎﾞｰﾄﾞﾏｲｺﾝ時代HLにﾃﾞｰﾀｰｾｯﾄは16進数で21-1234、ﾌﾟﾛｸﾞﾗﾑENDは76でした。30年近く遠ざかり今のﾌﾟﾛｸﾞﾗﾑはSFの世界、先生のﾌﾟﾛｸﾞﾗは理解しやすく楽しいです。有難うぞざいます。
どこから手をつけていいか分からず何が分からないのか分からない状態だったのでボールの反射まで出来て涙出ました本当にありがとうございます！
休学している理系大学生なのですが、復学するにあたっての理系科目のモチベーションをヘロンさんのお陰で保てそうです！数学や物理の教科書をひっぱりだして色々プログラミングで遊ぼうと思います！ありがとうございます！自分語り失礼しました！
すっごくわかりやすい解説、誇らしくないの？
すっげぇわかりやすい、ほんとありがとね❤️
めちゃくちゃ勉強になります。。。有益な情報、本当にありがとうございます！
クリエイティブコーディングの勉強として、こんな動画をずっと探してました。一瞬でファンになりました、これから勉強させていただきます！
この動画みてプログラミングできる気になってるんご
0:31 ク↑ッソ 好き
processingで色々学んだんですけどJavascript似てるので復習も兼ねて動画拝見させていただきます！ありがとうございます
cad？
すごく分かりやすい！プログラミングに興味あったので助かります！！
俺が見た中では一番わかりやすいです。解説が上手ですね。これからも勉強させていただきます！ありがとうございます。
33-4で笑いましたありがとうございます
いや発音の癖！
I love your videos! Hopefully, this would get subtitles in the future
とても分かりやすいです。ありがとうございます。
今までプログラミングと数学の知識をうまく結びつけて考えられなかったのですがヘロンさんの動画はとてもわかりやすくて助かってます。質問なのですが、ballPxとballPyをdrawのスコープの外に出したのは、drawのスコープ内のコードが繰り返し実行される度にボールの一ベクトルがリセットされてしまうからですか？
大体その認識であってます🐤厳密にはリセットされるというより、draw関数の計算が終わるたびに、draw関数のスコープ内の変数が全て消える感じですね。そして次回のdraw関数の計算で、またlet ballPx = なんとか……で変数が作られる（定義される）感じですその消えたり作られたりを防ぐために、一番外側のスコープに避難させた感じです。
ちょうどやろうとしてたことなので助かります。めっちゃおもろいですね
かなり直感的に書けそうですし戻り値の型を指定しなくていいなどの仕様も使いやすそうですね。
C言語しかったことないけどJavaScriptエラーの時とか親切w
b=b+v/60とかがどうしても混乱するって人は漸化式って考えるのもありかもと思った
今からみます。イントネーションおもしろい
うちの大学教授なんかより全然わかりやすいありがたや
14:00 ボール消失バグ起きてて笑いましたw
どうもディスコードなどのボット作成などを主に行なっている者です。質問です。p5.jsに(glitchやHerokuの様な)時間制限などはあるのでしょうか 他にもライブラリなどを使用することはできるのでしょうか
p5.jsはただのライブラリなので、時間制限などはないですよ。jsファイルを1個ダウンロードして、それをHTMLからscriptタグで読み込むだけで使えます。p5js.org/get-started/#settingUp他のライブラリと併用する場合は、同様にscriptタグでそのライブラリを読み込みます。そんな古臭い方法はいやじゃ！という場合は、「webpack p5.js」でググってみてください。（自分はその辺りは詳しくないですが……）
返信ありがとうございます！
反射するときにキャンバスxの領域400ではなくマイナス半径分してballPx>385にしなければならない理由はどうしてでしょうか。実際にballPx>400にすると壁にほんの少しめり込んで反射したので、目視上は理解できたのですが原理が理解できなくて・・・
ballPx > 400 は「ボールの中心が画面端を超えたかどうか」という条件なので、めり込み防止のため、これを「ボールの右端が画面端を超えたかどうか」に直す必要があります。「ボールの中心」ではなく「ボールの右端」で判定をしたいわけですから、ballPxに半径(15)を足します。ballPx + 15 > 400あとはこの不等式を変形すればOKです。ballPx > 400 - 15ballPx > 385🐤
@@heron-no-suugaku 座標x軸から400の距離でそのラインを円の中心が超えないように、ということですね。円が中心を基準とするという部分が理解できてませんでした。ありがとうございました。
イ↑ン↓ト→ネー↑ショ↓ン→
1:40な阪関無
クセが強い！
あおさぎヘロンさん、こんばんは！
和歌山県らへんの話し方に似てますね
和歌山県民だけど、このイントネーションは聞いたこと無いなぁ
VSコードでHTMLの中に書く場合、どのように書いたら表示できますか？
editor.p5js.org/AosagiHeron/sketches/uCAtZ2L-7再生ボタンの下にある > をクリックして、index.html の中身を見てみてください🐤参考になると思います。
@@heron-no-suugaku ありがとうございます！ありがとうございます！
javascriptでゲームってHTML記述しなくても画面に表示されるんだ
localhostじゃなくて直接パス指定すれば…
14:30
おおお
Aが定義されてないんだが？でワロタ
Man, do your videos in english, pleasethe world needs to see this
何阪関無
とてもわかり易い動画をありがとうございます！！ ローカル環境でもデバッグや実行を出来るようにしたいので、機会がありましたら解説していただけると嬉しいです。引き続き後編も拝見させていただきます
開発環境作る動画ってバーチャルマシン（vmwareとか）を使わないと撮りづらいのですが、RyzenのCPUと相性が悪いのか上手く動かないんですよね🥺解決策見つかったら撮るつもりです🐤
お返事ありがとうございます。 いろいろ大変なんですね。。。 素人考えで、ブラウザ上に表示する感じなのかな？ と思っていました。 ブロック崩しを少しずつですが、自分で入力しながら作成しています。今後の動画も楽しみにしています。
今までの人生で初めて聞いたJavaScriptのイントネーションです。笑
カタカナ語のイントネーションは絶対に何がなんでも初めの音にアクセントを置くとこという意地を感じる
これ見てから違和感がえぐいな
Java初心者76歳です。ﾜﾝﾎﾞｰﾄﾞﾏｲｺﾝ時代HLにﾃﾞｰﾀｰｾｯﾄは16進数で21-1234、ﾌﾟﾛｸﾞﾗﾑENDは76でした。
30年近く遠ざかり今のﾌﾟﾛｸﾞﾗﾑはSFの世界、先生のﾌﾟﾛｸﾞﾗは理解しやすく楽しいです。有難うぞざいます。
どこから手をつけていいか分からず
何が分からないのか分からない状態だったので
ボールの反射まで出来て涙出ました
本当にありがとうございます！
休学している理系大学生なのですが、復学するにあたっての理系科目のモチベーションをヘロンさんのお陰で保てそうです！
数学や物理の教科書をひっぱりだして色々プログラミングで遊ぼうと思います！ありがとうございます！
自分語り失礼しました！
すっごくわかりやすい解説、誇らしくないの？
すっげぇわかりやすい、ほんとありがとね❤️
めちゃくちゃ勉強になります。。。有益な情報、本当にありがとうございます！
クリエイティブコーディングの勉強として、こんな動画をずっと探してました。一瞬でファンになりました、これから勉強させていただきます！
この動画みてプログラミングできる気になってるんご
0:31 ク↑ッソ 好き
processingで色々学んだんですけどJavascript似てるので復習も兼ねて動画拝見させていただきます！ありがとうございます
cad？
すごく分かりやすい！プログラミングに興味あったので助かります！！
俺が見た中では一番わかりやすいです。解説が上手ですね。これからも勉強させていただきます！ありがとうございます。
33-4で笑いましたありがとうございます
いや発音の癖！
I love your videos! Hopefully, this would get subtitles in the future
とても分かりやすいです。ありがとうございます。
今までプログラミングと数学の知識をうまく結びつけて考えられなかったのですがヘロンさんの動画はとてもわかりやすくて助かってます。質問なのですが、ballPxとballPyをdrawのスコープの外に出したのは、drawのスコープ内のコードが繰り返し実行される度にボールの一ベクトルがリセットされてしまうからですか？
大体その認識であってます🐤
厳密にはリセットされるというより、draw関数の計算が終わるたびに、draw関数のスコープ内の変数が全て消える感じですね。
そして次回のdraw関数の計算で、またlet ballPx = なんとか……で変数が作られる（定義される）感じです
その消えたり作られたりを防ぐために、一番外側のスコープに避難させた感じです。
ちょうどやろうとしてたことなので助かります。めっちゃおもろいですね
かなり直感的に書けそうですし戻り値の型を指定しなくていいなどの仕様も使いやすそうですね。
C言語しかったことないけどJavaScriptエラーの時とか親切w
b=b+v/60とかが
どうしても混乱するって人は
漸化式って考えるのもありかもと思った
今からみます。
イントネーションおもしろい
うちの大学教授なんかより全然わかりやすい
ありがたや
14:00 ボール消失バグ起きてて笑いましたw
どうも
ディスコードなどのボット作成などを主に行なっている者です。
質問です。p5.jsに(glitchやHerokuの様な)時間制限などはあるのでしょうか 他にもライブラリなどを使用することはできるのでしょうか
p5.jsはただのライブラリなので、時間制限などはないですよ。
jsファイルを1個ダウンロードして、それをHTMLからscriptタグで読み込むだけで使えます。
p5js.org/get-started/#settingUp
他のライブラリと併用する場合は、同様にscriptタグでそのライブラリを読み込みます。
そんな古臭い方法はいやじゃ！という場合は、「webpack p5.js」でググってみてください。（自分はその辺りは詳しくないですが……）
返信ありがとうございます！
反射するときにキャンバスxの領域400ではなくマイナス半径分してballPx>385にしなければならない理由はどうしてでしょうか。実際にballPx>400にすると壁にほんの少しめり込んで反射したので、目視上は理解できたのですが原理が理解できなくて・・・
ballPx > 400 は「ボールの中心が画面端を超えたかどうか」という条件なので、めり込み防止のため、これを「ボールの右端が画面端を超えたかどうか」に直す必要があります。
「ボールの中心」ではなく「ボールの右端」で判定をしたいわけですから、ballPxに半径(15)を足します。
ballPx + 15 > 400
あとはこの不等式を変形すればOKです。
ballPx > 400 - 15
ballPx > 385
🐤
@@heron-no-suugaku 座標x軸から400の距離でそのラインを円の中心が超えないように、ということですね。円が中心を基準とするという部分が理解できてませんでした。ありがとうございました。
イ↑ン↓ト→ネー↑ショ↓ン→
1:40な阪関無
クセが強い！
あおさぎヘロンさん、こんばんは！
和歌山県らへんの話し方に似てますね
和歌山県民だけど、このイントネーションは聞いたこと無いなぁ
VSコードでHTMLの中に書く場合、どのように書いたら表示できますか？
editor.p5js.org/AosagiHeron/sketches/uCAtZ2L-7
再生ボタンの下にある > をクリックして、index.html の中身を見てみてください🐤参考になると思います。
@@heron-no-suugaku
ありがとうございます！
ありがとうございます！
javascriptでゲームってHTML記述しなくても画面に表示されるんだ
localhostじゃなくて直接パス指定すれば…
14:30
おおお
Aが定義されてないんだが？でワロタ
Man, do your videos in english, please
the world needs to see this
何阪関無
とてもわかり易い動画をありがとうございます！！
ローカル環境でもデバッグや実行を出来るようにしたいので、機会がありましたら解説していただけると嬉しいです。
引き続き後編も拝見させていただきます
開発環境作る動画ってバーチャルマシン（vmwareとか）を使わないと撮りづらいのですが、RyzenのCPUと相性が悪いのか上手く動かないんですよね🥺
解決策見つかったら撮るつもりです🐤
お返事ありがとうございます。 いろいろ大変なんですね。。。 素人考えで、ブラウザ上に表示する感じなのかな？ と思っていました。 ブロック崩しを少しずつですが、自分で入力しながら作成しています。今後の動画も楽しみにしています。