Collision detection - Coding for Beginners

Поділитися
Вставка
  • Опубліковано 8 лип 2024
  • I explain how to code collision detection, line by line.
    ■JavaScript example code
    editor.p5js.org/AosagiHeron/s...
    ■もくじ
    00:00 Intro
    00:37 Collision of 2 circles
    06:09 Collision of 2 line segments
    11:07 Line segment condition
    15:30 Outro
  • Наука та технологія

КОМЕНТАРІ • 75

  • @undergrounddtmbyasa_ha_miz8550

    何度も何度も見返して、今日ようやく理解と実装ができました!いつも大変参考に、また、楽しみにしています!

  • @user-bj9mk8wd4g
    @user-bj9mk8wd4g 3 роки тому +58

    プログラミングとか全然わからないですが、高校範囲の数学で習った事柄がこのチャンネルで沢山活用しているのが見てて楽しいです👍

    • @min-bb6vh
      @min-bb6vh 3 роки тому +1

      始めた方がいいですよ。分かるならやってると楽しくなってくると思います。

  • @takoyakiyaita
    @takoyakiyaita 3 роки тому +41

    プログラミングの発音が治ってて悲しい

  • @azuma-ya9969
    @azuma-ya9969 3 роки тому +2

    リメイク動画でも新しいことをドンドン教えてくれるからめっちゃ面白い!次も楽しみです♪

  • @yoowhene2710
    @yoowhene2710 3 роки тому +1

    tips系の動画とても参考になります!

  • @zumich1127
    @zumich1127 3 роки тому +9

    某理系UA-camrλみたいな久々に面白いチャンネルだと思いました!
    楽しみにしています

  • @user-rk4bl9vf6r
    @user-rk4bl9vf6r 3 роки тому +70

    平方根の処理は重いから円の衝突判定
    (x1-x0)**2 + (y1-y0)**2 < (r0+r1)**2
    の方がより早く計算できるかこっちがおすすめ

    • @user-co7vy7zx2o
      @user-co7vy7zx2o 2 роки тому +3

      両辺2乗して同値変形しただけなのに、そんな名前ついてるんや
      (両辺 ≧ 0 だから同値変形)

  • @user-qq2kb5rb7f
    @user-qq2kb5rb7f 3 роки тому

    面白かったです

  • @meeemm
    @meeemm Рік тому

    発音好き

  • @user-qp8ng4hm3h
    @user-qp8ng4hm3h 3 роки тому +1

    待ってました〜
    当たり判定を説明分かりやすく説明してくれてる人
    ネットでも殆どいないんですよね〜

  • @user-kg3jv4eo6n
    @user-kg3jv4eo6n 3 роки тому

    面白い解説動画いつもありがとうございます!
    デバッグのやり方について初心者向けに動画作って欲しいです!

  • @n506higo
    @n506higo 3 роки тому +6

    まずは簡単な問題から始めて段階的にゴールへ向かって仕上げていくさまがよくわかり、とても教育的で素晴らしい動画だと思います。私は昔仕事で、球面上の当たり判定及び当たる物体がN個の場合でNが大きくなって行くとき、どのようにしたら計算量を抑えられるか?(工夫しないとO(N^2)で大きくなる)という課題に取り組んだことがあります。

    • @cue1999
      @cue1999 Рік тому

      まさしくそうですね。必要なときに必要なテクニックを教えてもらうと、「ああ、そうか」となります。効率的に学習を進めることができますね。
      p5 の特徴ですが、リアルタイムで結果を視覚的に確認できるところがいいですね。

  • @Hasuno-ha
    @Hasuno-ha Рік тому

    「すり抜けるのが不思議なんじゃなくて、すり抜けないのが不思議なんだよ」ってTwitterで見た

  • @shiranex6235
    @shiranex6235 3 роки тому +8

    r0もアーォジィロォと読んで欲しいです

  • @lalalifull
    @lalalifull 3 роки тому +13

    英語の発音頑張ってるのかわいいです。

  • @uns6347
    @uns6347 3 роки тому

    (xn,yn)座標の記入さえ効率化されてて心地いい

  • @user-yp6fp1qn8x
    @user-yp6fp1qn8x 3 роки тому +3

    点の座標の集合を作ってループさせれば1対n直線とかも出来るのかあ
    強い(確信)

  • @jusatsu_kiun
    @jusatsu_kiun 3 роки тому +3

    おぉ〜ええやん!気に入った!なんぼなん?タダァ!?これはもう…ありえへんし…チャンネル登録させてもらうね

  • @user-zy4fd9no3x
    @user-zy4fd9no3x 3 роки тому

    わかりやすいですね
    マリオを作る過程が見たいな

  • @_masa5706
    @_masa5706 3 роки тому

    とても参考になりました。ほかの動画制作で大変かと思いますが、これだけでなく矩形同士や円と矩形などの判定とかも解説してほしいです。
    fpsやローグライクの方も楽しみにしています。

  • @saltlas87
    @saltlas87 3 роки тому +5

    三平方の定理は偉大

  • @xXKOJIRAXx
    @xXKOJIRAXx 3 роки тому +4

    中高の数学もこの辺踏まえた上で勉強したかった…
    やる意味分からず暗記でやってた……

  • @anime0523
    @anime0523 3 роки тому +2

    The Nature of Code みたいだな。数ページで挫折して読んでないけど。

  • @user-kz7my6uh4s
    @user-kz7my6uh4s 3 роки тому +1

    数学と物理が大の苦手だけどプログラマになりたい...
    けどこういう動画見ると自分で式とか立てられるかどうか不安になってきてしまう

  • @user-qe8jt7wi5h
    @user-qe8jt7wi5h 3 роки тому

    開発環境についても動画にしてほしいです!

  • @agfeecyanide2504
    @agfeecyanide2504 3 роки тому +3

    猛烈にやってみたいけど、来年受験だから手を付けられない。

  • @kuru-qg1iu
    @kuru-qg1iu 6 місяців тому

    CやC++かと思ったら、Javaで作れるとは。良い時代になりましたね。

  • @user-jj9sf9zd2i
    @user-jj9sf9zd2i 3 роки тому +3

    線分がグラフの中でぐるぐるしている

  • @user-vp8bm9kf1x
    @user-vp8bm9kf1x 3 роки тому

    解説時の緑背景にに黄色の色文字、なにかしっくりくるなあと思ったらピタゴラスイッチの配色だった

  • @sakatuka
    @sakatuka 3 роки тому +4

    ある程度まで大きくなってくると変数名の管理が大変ですよね……

    • @QunoxtsStudio
      @QunoxtsStudio 3 роки тому +1

      変数名の管理が大変な時は必要に応じて構造体にしちゃうというのも良いですよ!

  • @TT__channel
    @TT__channel 3 роки тому +1

    だから昔GTAのMOD改造に使ったコリジョンエディタは球での指定だったのか〜!

  • @masakiwin7
    @masakiwin7 Рік тому

    デバッグツールで傾きt0を見るやりかた、よろしければ教えていただけませんでしょうか?検索しても全然同じような表示にする方法がわかりません。

    • @heron-no-suugaku
      @heron-no-suugaku  Рік тому +1

      t0を見るには、t0を計算した直後にプログラムを一時停止する(ブレークポイントを置いて止める)必要があります。
      デバッグツールの使い方は↓動画にまとまっています。古い動画ですが固定コメントで補足があります💪
      ua-cam.com/video/iBY2Pwun0xk/v-deo.html

    • @masakiwin7
      @masakiwin7 Рік тому

      ありがとうございます、なんとか同じように表示できました。@@heron-no-suugaku

  • @yumayui
    @yumayui 3 роки тому

    とても勉強になりました!黒板の画面で手書き入力してるソフトは何というツールか教えていただけませんか?

    • @heron-no-suugaku
      @heron-no-suugaku  3 роки тому

      ペイント(windowsに最初から入ってるやつ)を使ったり、Capturaという録画ソフトの機能を使ったり、場合によりますね。
      ↑で描いたやつそのままだと見づらいので、aviutlのクロマキーとか縁取りとかを駆使して見やすくしてます。🐤

  • @Gent-Owl
    @Gent-Owl 3 роки тому +2

    最近、こちらのチャンネルを見てp5jsで色々作ったりしてます。
    ブロック崩しで正方形のブロックに円がぶつかったとき、4方の端に当たったときの反射角の計算で詰まりました…
    ヘロンさんなら、四角形のブロックに円がぶつかったときの反射角はどのように計算しますか?

  • @alien2327
    @alien2327 3 роки тому

    ライブでコーディングするのも見てみたい🥸

  • @uu-wl8gw
    @uu-wl8gw 3 роки тому +3

    こんにちは。英語の代用を追加していただけませんか? JavaScriptとあなたが教えていることを学びたいです。あなたのビデオは非常に有益なようです。私はこれをタイプするためにグーグル翻訳を使用しました。

  • @moroha10085
    @moroha10085 3 роки тому +1

    括弧で括らないとエラー出るやつ、角度をxyの値から出すやつでやらかして数式が間違ってるのか?!って一日無駄にしたなぁ…。こういうしょうもないミスって気づかないと大変。

  • @sei7970
    @sei7970 3 роки тому +15

    日本語のアクセントの流れに英語のアクセントがあると聴きづらいな

    • @nc9629
      @nc9629 Рік тому +1

      「俺は英語のリスニングが苦手だな」をコメントで発表

  • @ydi5463
    @ydi5463 3 роки тому

    交差判定の仕組みは理解できたんですが、複数の線分(目から出す線分と壁を構成する線分)全てでこの判定するとなると計算負荷が大きそうなんですが案外そうでもないんですかね

    • @heron-no-suugaku
      @heron-no-suugaku  3 роки тому

      愚直にやると (目の線分の数*壁の数) 回の計算が要るのでクッソ重いですね。
      実務で使うなら、4分木や8分木を用いて計算回数を減らす(最適化する)べきです🐤
      marupeke296.com/COL_2D_No8_QuadTree.html

    • @ydi5463
      @ydi5463 3 роки тому

      @@heron-no-suugaku 返信ありがとうございます。
      その様な方法があるのですね。勉強になります。
      リンクまで載せていただきありがとうございます。

  • @user-to9xq8pj5f
    @user-to9xq8pj5f 3 роки тому

    プログラムを練習する上で必要なパソコンのスペックってどんな感じですか?

    • @moroha10085
      @moroha10085 3 роки тому

      windows10 Homeの推奨条件をみてそれ以上なら大丈夫だと思う。そのままwindows10 推奨条件 とか検索すれば出ると思うから、パソコンのスペック表と見比べて上なら大丈夫。

  • @user-yh5hn2pl2o
    @user-yh5hn2pl2o 3 роки тому

    rとか計算しないでifで線分の始まりと終わりのx座標の間だけ交点を求めるようにしたら駄目なのでしょうか

    • @heron-no-suugaku
      @heron-no-suugaku  3 роки тому +1

      それでもOKです🐤(ベクトル方程式を紹介したかっただけ🤔)

  • @QunoxtsStudio
    @QunoxtsStudio 3 роки тому +1

    「二つの位置ベクトルの間を通るベクトルを求める式」って、
    「線形補間の式とほぼ同じ関係」なのでそれを応用することもできますね。
    そこでなのですが平面ポリゴン同士との当たり判定を調べたいのですがどうすればいいですか?
    OBB を使うという方法もあるのですがそれ以外に方法があるなら知りたいです。

    • @heron-no-suugaku
      @heron-no-suugaku  3 роки тому +1

      平面ポリゴン=平面上の3角形ということであれば、○×さんが分かりやすくまとめられていますよ🐤
      marupeke296.com/COL_2D_TriTri.html

  • @user-hf6wc6ni9l
    @user-hf6wc6ni9l 2 роки тому

    数2の図形と方程式何に使うねん、とかいうやつに見してあげたい

    • @oku13
      @oku13 2 роки тому

      プログラミングの道を歩まないのなら実際使わないし

  • @user-ng7mh4dh5r
    @user-ng7mh4dh5r 3 роки тому

    6:49
    細かい所で申し訳ないですけど、この図とコード上の変数の関係が逆になってて少し混乱しました。

  • @ga6978
    @ga6978 3 роки тому

    sqrt関数は2分の1乗と考えてもいいんですか?

    • @qwertyasdfgh1132
      @qwertyasdfgh1132 3 роки тому

      横から失礼。sqrt(x)=√x=x^(1/2) ですね。その考えであってますよ。

    • @ga6978
      @ga6978 3 роки тому

      @@qwertyasdfgh1132 ありがとうございます!

  • @tsubasa_km
    @tsubasa_km 2 роки тому

    プログラミングで数学の勉強したいんだけど線の描画とかが楽なのってJavaScriptなのかな?

    • @heron-no-suugaku
      @heron-no-suugaku  2 роки тому

      やり始めが一番簡単なのは、JavaScript(とp5.js)の組み合わせだと思いまスゥゥゥゥ……
      ua-cam.com/video/rdGKg6VbFBo/v-deo.html
      あとJuliaもいいですね
      のっけのハードルは少し高いけど、数学周りの機能がいっぱいいっぱい裕次郎

    • @tsubasa_km
      @tsubasa_km 2 роки тому

      @@heron-no-suugaku おぉ!ありがとうございますやってみます!😭

  • @user-bl9te7ne4e
    @user-bl9te7ne4e 3 роки тому

    なんのソフト使ってます?

  • @user-js2wl6tp6m
    @user-js2wl6tp6m 2 роки тому

    頭の中がうわぁあああ!!!!!

  • @kia_u
    @kia_u 3 роки тому +17

    開幕からホモとわかってしまう

    • @orca3967
      @orca3967 3 роки тому +3

      なんかホモくせぇと思ったら

  • @NeoNuc2
    @NeoNuc2 3 роки тому +1

    見てて思うけど、xとかyは普通なんだね

  • @djyoshikazu7124
    @djyoshikazu7124 3 роки тому +2

    いちこめ

  • @user-zw9po2ke9u
    @user-zw9po2ke9u 3 роки тому +15

    10:26 ここ淫夢厨発言

    • @inaho_390
      @inaho_390 3 роки тому +4

      3:48 ここ洗い忘れてるゾ

    • @user-zw9po2ke9u
      @user-zw9po2ke9u 3 роки тому +3

      @@inaho_390 ネイティブ淫夢過ぎる

    • @unko928
      @unko928 3 роки тому +1

      @@inaho_390 さり気なく混ぜるの好き

  • @FreeManson00
    @FreeManson00 3 роки тому

    あー。ゲームやってて、建築とかもやったけど。まあ~。出来たらバカにされません。ゲームは高校のサインコサインで、建築は平方根とか使うやつがいて、ちょっとメンドイ。でも、基本暗記だからバカにされてもめげないで。