- 27
- 2 125 536
ヘロンの数学ちゃんねる
Japan
Приєднався 1 гру 2019
■Webサイト
過去に書いた、動画の解説記事などがあります
heron-no-suugaku.sakura.ne.jp/
■連絡先
お手数ですが Discord aosagiheron までお願いいたします。
.
過去に書いた、動画の解説記事などがあります
heron-no-suugaku.sakura.ne.jp/
■連絡先
お手数ですが Discord aosagiheron までお願いいたします。
.
数学の「交点」とはなんだったのか
中学や高校の数学でやらされた、関数の交点（共有点）を求める作業。あれは何だったのでしょうか。その謎を解くためアマゾンの奥地に向かった部員達は、疲れからか不幸にも超越方程式に追突してしまう……
📖 解説記事
heron-no-suugaku.sakura.ne.jp/
🎤 勉強会（募集停止しております🙇）
https
■ Licenses
フリーBGM・音楽素材MusMus musmus.main.jp/
📖 解説記事
heron-no-suugaku.sakura.ne.jp/
🎤 勉強会（募集停止しております🙇）
https
■ Licenses
フリーBGM・音楽素材MusMus musmus.main.jp/
Переглядів: 28 958
Відео
滑らかに動かす【ゲームプログラミングの数学】
Переглядів 49 тис.Рік тому
ゲームやアニメーションのプログラミングに使われる関数を紹介します。 勉強会について（毎月の月初に募集します） heron-no-suugaku.sakura.ne.jp/ ■ ライセンス等 フリーBGM・音楽素材MusMus musmus.main.jp/
8分でわかるレイトレーシング
Переглядів 68 тис.2 роки тому
最近ゲームにも使われるようになってきたレイトレーシングを、0からプログラミングする動画です！ 解説記事および勉強会はこちらからどうぞ↓ heron-no-suugaku.sakura.ne.jp/ ■ライセンス等 フリーBGM・音楽素材MusMus musmus.main.jp/
高校数学で3DCGできちゃう説 【数学プログラミング講座】
Переглядів 18 тис.2 роки тому
お久しぶりです！！半年も失踪していてごめんなさい。その代わり、とびっきりのネタを持ってきました！ プログラムはこちら↓から実行したり改造したりできます。 editor.p5js.org/AosagiHeron/sketches/SjHuh-7Fa 00:00 冒頭 01:35 プログラムが完成するまでの流れ 04:37 まずは2Dから、平面図形の描画 06:27 平行移動 08:30 回転 12:09 3D突入、投影 16:56 回転 18:51 影 19:10 お知らせ ■ライセンス等 フリーBGM・音楽素材MusMus musmus.main.jp/
The difference between two "function" and why.
Переглядів 10 тис.2 роки тому
関数という言葉は数学とプログラミング両方で出てきますが、これらは何が違うのか。背景も交えて解説します。 ■ License 音楽 ... フリーBGM・音楽素材MusMus musmus.main.jp/
I received an interview from the media And Engineer!
Переглядів 5 тис.2 роки тому
記事（前編） and-engineer.com/articles/YXlA3hIAACAAV6u4 記事（後編） and-engineer.com/articles/YXoOHxUAACoAiVRF 先日アンドエンジニア様からご取材を頂きまして、それをまとめた記事が出ました！ 数学とプログラミングの関係、ゲームエンジンの利便性と落とし穴、そしてUA-camを始めたきっかけ等がまとまった記事となっております。 ■ License 音楽 ... フリーBGM・音楽素材MusMus musmus.main.jp/
How to install JavaScript dev environment in Windows | Why is WSL2 needed?
Переглядів 29 тис.2 роки тому
Windowsは一番シェアの高いOSなのに、プログラミングの開発環境（特にJavaScriptのようなweb系）を作るのは少し面倒です。その歴史的背景と、実際どうやって開発環境を構築すればよいのかを解説します。 ■ Links WSL2 docs.microsoft.com/ja-jp/windows/wsl/install VSCodeと拡張機能 docs.microsoft.com/ja-jp/windows/wsl/tutorials/wsl-vscode Windows Terminal www.microsoft.com/ja-jp/p/windows-terminal/9n0dx20hk701 サンプルプログラム editor.p5js.org/AosagiHeron/sketches/GRPaLyNB8 ■ License 音楽 ... フリーBGM・音楽素材MusMu...
The function needed to code a board game
Переглядів 26 тис.2 роки тому
みんな大好き床関数ことガウス記号ことfloor関数。座標を配列の添字へ変換したりするのに有用で、自分の過去動画でもわりと頻繁に使ってます。 ■ サンプルプログラム editor.p5js.org/AosagiHeron/sketches/Op5a6PQ8Z ■ License 音楽 ... フリーBGM・音楽素材MusMus musmus.main.jp/
How to (not) code a Reversi
Переглядів 180 тис.2 роки тому
あの有名なゲームを無駄にかっこよくプログラミングする動画です。 チーム開発とかでこんなコード書いたら多分殴られます ■ サンプルコード editor.p5js.org/AosagiHeron/sketches/nHcqXeo3p ■ License 音楽 ... フリーBGM・音楽素材MusMus musmus.main.jp/
Pathfinding - Coding for Beginners
Переглядів 24 тис.3 роки тому
I code and explain Breadth-First Search, Greedy Search, and A-star. 🐤 ■JavaScript Example code editor.p5js.org/AosagiHeron/sketches/3bqPHi2rp How to use DevTools(console, debugger, etc) in Google Chrome: 1. Register a p5.js web editor account and login 2. Open the link above 3. Click "File" on the header, then click "Share", then click the button of "Present" 4. A new tab opens. Press F12 and h...
Collision detection - Coding for Beginners
Переглядів 82 тис.3 роки тому
主にゲームのプログラミングでよく使う、「円同士の当たり判定」「線分同士の当たり判定」について、じっくり解説します。 ■サンプルプログラム editor.p5js.org/AosagiHeron/sketches/acczNFGs3 The example code is here! ■もくじ 00:00 ごあいさつ 00:37 円同士の場合 06:09 線分同士の場合 11:07 線分の条件 15:30 ご報告、メンバーシップについて
Game of Life - Coding for Beginners
Переглядів 66 тис.3 роки тому
あの有名なライフゲームを、初心者向けに1行ずつ解説しながらプログラミングする……という講座です。 ■欲しいものリスト www.amazon.jp/hz/wishlist/ls/1ZAUGK4W25AEJ?ref_=wl_share Thank you for a donation! 🐤 ■サンプルプログラム Example code editor.p5js.org/AosagiHeron/sketches/uCAtZ2L-7 Newer codes have English comments 🐤 ■Links 色選ぶやつ (HTML Color Picker) www.w3schools.com/colors/colors_picker.asp 分割代入 (Destructuring assignment) developer.mozilla.org/ja/docs/Web/Java...
Roguelike dungeon - Coding Commentary
Переглядів 55 тис.3 роки тому
数学とプログラミングを駆使して、ローグライクゲーム（トルネコや風来のシレンなど）とほぼ同じダンジョンを作ります。🐤 ■サンプルプログラム（インストール不要） editor.p5js.org/AosagiHeron/sketches/DnjYKiR6Z 今回のプログラムは、↑から実行したり改造したりシェアしたりできます。 Here's an example code run on browser with English comments. 🐤 ■もくじ 00:00 ごあいさつ、お詫び 00:35 ダンジョンの構成要素 01:09 必ず全部屋を通路で繋げるには 05:17 フリスビー丼の要領で、ゲームに組みこむ 07:53 近況報告
Roguelike from scratch - Coding Commentary
Переглядів 58 тис.3 роки тому
トルネコや風来のシレンなどのローグライク・ゲームを、0からプログラミングしていく動画です。 プログラミングがわからなくても、視覚的にわかるよう編集しています。 ■サンプルプログラム JavaScript example code: editor.p5js.org/AosagiHeron/sketches/WlcdajS7S インストール不要で、遊んだり改造したりシェアしたりできます。 ■もくじ 00:00 ダンジョンを作る 01:35 アクター（主人公や敵キャラなど）を作る 02:06 カメラを作る 03:49 プログラミングのコツ 04:56 行動（コマンド）を作る 06:32 次回予告
ハッカーなら会社救える説 【プログラミング実況】【JavaScript】
Переглядів 43 тис.3 роки тому
ハッカーなら会社救える説 【プログラミング実況】【JavaScript】
【レトロゲーム再現】スーパーファミコンの疑似3D 【ゲーム・プログラミング】【JavaScriptサンプル】
Переглядів 90 тис.3 роки тому
【レトロゲーム再現】スーパーファミコンの疑似3D 【ゲーム・プログラミング】【JavaScriptサンプル】
「元に戻す」のしくみ 【ゲーム・プログラミング】【JavaScriptサンプル】
Переглядів 63 тис.3 роки тому
「元に戻す」のしくみ 【ゲーム・プログラミング】【JavaScriptサンプル】
【インストール不要】JavaScript + p5.js まるわかり講座、後編。【ゲーム・プログラミング】【初心者向け入門】
Переглядів 21 тис.3 роки тому
【インストール不要】JavaScript p5.js まるわかり講座、後編。【ゲーム・プログラミング】【初心者向け入門】
【インストール不要】JavaScript + p5.js まるわかり講座、前編。【ゲーム・プログラミング】【初心者向け入門】
Переглядів 38 тис.3 роки тому
【インストール不要】JavaScript p5.js まるわかり講座、前編。【ゲーム・プログラミング】【初心者向け入門】
レトロゲームっぽい画面を作る 【ゲーム・プログラミング講座】【JavaScriptサンプル】
Переглядів 41 тис.4 роки тому
レトロゲームっぽい画面を作る 【ゲーム・プログラミング講座】【JavaScriptサンプル】
自機狙い弾でわかる、ベクトルと逆正接【ゲーム・プログラミング講座】【JavaScriptサンプル】
Переглядів 21 тис.4 роки тому
自機狙い弾でわかる、ベクトルと逆正接【ゲーム・プログラミング講座】【JavaScriptサンプル】
元ゲーム会社のプログラマー、テトリス何分で作れる？【JavaScriptプログラミング】
Переглядів 662 тис.4 роки тому
元ゲーム会社のプログラマー、テトリス何分で作れる？【JavaScriptプログラミング】
高校数学とJavaScriptだけ。FPSの作り方 #3 剰余(mod)の使い方【ゲームプログラミング】【ゲーム開発】
Переглядів 73 тис.4 роки тому
高校数学とJavaScriptだけ。FPSの作り方 #3 剰余(mod)の使い方【ゲームプログラミング】【ゲーム開発】
高校数学とJavaScriptだけ。FPSの作り方 #2 三角関数で歪み補正【ゲームプログラミング】【ゲーム開発】
Переглядів 40 тис.4 роки тому
高校数学とJavaScriptだけ。FPSの作り方 #2 三角関数で歪み補正【ゲームプログラミング】【ゲーム開発】
高校数学とJavaScriptだけ。FPSの作り方 #1【ゲームプログラミング】【ゲーム開発】
Переглядів 224 тис.4 роки тому
高校数学とJavaScriptだけ。FPSの作り方 #1【ゲームプログラミング】【ゲーム開発】
「FPS」の発音「かき氷」やん
JSの発音は「interesting」やん
Ditrctxの入門お願いします
手続き型で書けるのすごい
戻っているのではなく、最初からやり直している？
続き、待ってます！！
そういった基礎の知識はどこでも使えるからです！ これが基礎かぁ～…
今でこそリアルタイムでやろうって話になってるけど プリレンダなら30年前にはもう普通に使われていたというのが今思うとなかなか凄い よく当時のコンピュータでCGの映画とか作ろうなんて考えたなと レンダリング用に専用フロアが要る巨大なマシンとかどんな世界よって言う😅
一瞬で置いてかれた、、、悔しい
いつでも戻ってきて欲しい
これはcanvasで書いてるんですか？
CやC++かと思ったら、Javaで作れるとは。良い時代になりましたね。
エセ外人風の作風でやってるんでしょうか？ 本気なのかわざとなのかわからないから突っ込みづらい…
昔と違って こうなっていることが 驚きです 確かにゲーム会社辞めたら もったいない感じか しますね φ(．．)💨
「見えぬバグ ifで隠した 午前2時」 プログラミングを少し学んで、この川柳の面白さが分かるようになりました笑
早送りだと思ってたら早送りじゃなかった
プログラマーってこんな速さでプログラム組んでいるのか…。 しかも…大量のプログラム言語の中から、バグを見つけたりしていると思うと…凄いな…。
茶畑みたいなマークって何ですか？ 無知に教えて下さい
∴は「ゆえに」、∵は「なぜならば」です。数学とかで主に使われる記号です。
これに、非同期処理とかいう地獄が待ってるのか、、、、。ゲーム作成者様の苦労を感じて泣きたくなる。 システム管理エンジニアで良かった。
ミノの実装方針のところの考え方が参考になった デバッグのしやすさで方針決定することも結構あるんかな
なるほど、ちょっとしか分からん...
似たような事をc+でやったなぁ。十年以上前に国立大学の授業で。本しかなかったからプログラミングの勉強じゃなくて数学と物理のパズルって感覚で、デバッグが主だから苦痛になってくんだよ初心者の頃は。。。
大変興味深く動画拝見しました(*^^*) プログラム学ぶ前に数学を学び治さねば…と思った次第😅
てっきりテトリスを作るって4列消しに数分もかけるつもりなのかよと思ったけどプログラムから作るとはスゴすぎる
等角図、勉強になります。
これは有意義なチャンネル！
これ見るとちゃんと数学勉強しなきゃなって思うな……
最近Cからc++勉強し始めたけど、JSとかとソースの書き方あんまり違いないんだね、おもしろい
クラスで形を保持せずにオブジェクト呼び出し時に毎回生成するのが結構驚きだった
コード汚すぎて・・・
君たちはどう生きるか。ボーイアンドヘロン数学版で笑う。
ヘロンさん動画面白いからまた新しいのあげてほしい
下に落ちきる前に左に９０度回転を４００００回やればバグるのでは💡
大人になってからだったのか。 すげぇ…
ヌシ プログラミングとアルゴリズムのイントネーションが独特
文系の私は吐き気を覚えます❤
1:30 HTMLとCSSファイルはどのような内容が書かれているか教えていただけますか？ 可能でしたら、GitHubなどで公開してもらえるとありがたいです。
マジで何言っとるかわからんw
なるほどわからん
きれいや・・・
勉強になります。
簡単な定義と結果の複雑さの落差に胸熱。
field関数って、実装したい機器の画面の大きさが違う場合、それぞれに合わせて中身を変えるんですか？
ほんとにほんとにほんとにほんとにありがとうございます！！！！！！！！！！！！！！！！！！！！！！！！！！！いよっゲーム数学を教える天才！！！神様！！！
この動画がゲームプログラマーにとって神動画です！！！ 「Aスターを理解するのに最も早く理解できる動画」といっても過言じゃない。素晴らしい動画をありがとうございます。 ３Dのフィールド上にボクセルを作ってその中心点を今回の頂点とすれば、敵がいい感じに主人公についてくるのも作れたりするってことですよね！最高です！ 独り言: 赤黒木ってゲーム開発で使ったりするんですかね? ググってもゲームでの活用例がでてこないので、解説ホスィ(需要なさそうだけど)
楽しんでいただけたようで良かったです🐤 3DにおいてはNavigation Meshという枯れた手法があるのでそちらを使うことが多いですが キャラクターが立体的に動くような場合にはそれを適用しづらいので、Voxelベースでの検索もアリかもしれません。
無意識にやってたけど、こういう式になるのだね！へぇ〜
発音のクセすげーｗ
反射するときにキャンバスxの領域400ではなくマイナス半径分してballPx>385にしなければならない理由はどうしてでしょうか。実際にballPx>400にすると壁にほんの少しめり込んで反射したので、目視上は理解できたのですが原理が理解できなくて・・・
ballPx > 400 は「ボールの中心が画面端を超えたかどうか」という条件なので、めり込み防止のため、これを「ボールの右端が画面端を超えたかどうか」に直す必要があります。 「ボールの中心」ではなく「ボールの右端」で判定をしたいわけですから、ballPxに半径(15)を足します。 ballPx + 15 > 400 あとはこの不等式を変形すればOKです。 ballPx > 400 - 15 ballPx > 385 🐤
@@heron-no-suugaku 座標x軸から400の距離でそのラインを円の中心が超えないように、ということですね。円が中心を基準とするという部分が理解できてませんでした。ありがとうございました。
ほんとに凄い。。。 数学が何の役に立つか学べるいい教材だ。。。
割り算の余りのところ、普通だったら4足して割ると思うけど、4千万を足すあたり、デスマーチを潜り抜けた「絶対バグらせないぞ」感がすごい。
力技だけど最適解()
もう嬉しくって感動で... 古のプログラマーの工夫の凄さにびっくりした！ パーンってなりましたね、頭が
わずかなCPUサイクルを見つけてId Softwareの会合に参加するJohn Carmackさん、最適化の歓びが胸いっぱいに広がります