Game of Life - Coding for Beginners

Поділитися
Вставка
  • Опубліковано 21 лип 2024
  • I explain how to code Game of Life, line by line.
    ■JavaScript example code
    editor.p5js.org/AosagiHeron/s...
    ■Links
    HTML Color Picker
    www.w3schools.com/colors/colo...
    Destructuring assignment
    developer.mozilla.org/ja/docs...
    Spread syntax
    developer.mozilla.org/ja/docs...
    ■もくじ
    00:00 What is Game of Life
    01:17 Gen(generation) class
    02:49 How to map the array and the xy-plane
    04:29 Destructuring assignment
    05:20 The function that draw all cells
    07:10 Make colors look good
    07:53 The function that make a next generation
    09:21 Let's implement the rule of Game of Life
    13:48 Debugging
    15:49 Spread Syntax
    16:45 Outro
  • Наука та технологія

КОМЕНТАРІ • 92

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

    本当にありがたい。プログラミングを続けるのは結構なげちゃうのでこの動画を見てるとモチベーションを保つことができてありがたいです。

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

    人口生命の本最近読んでこれやりました!黒以外にも機能を持つ細胞用意したりしてももっと複雑になって面白かったです

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

    あのライフゲーム作れて感動です。

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

    「動画説明欄に貼っておきます」と言ってたやつ全部貼り忘れてたので、いま追記しました🐤センセンシャル

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

    私はp5.jsを使っていませんが、汎用的な内容なので自分が利用するゲームライブラリでもちゃんと動きました。
    JSの勉強にもなり、たいへんためになる動画でした!
    ありがとうございます!

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

    今一番好きなチャンネル

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

    解説がわかりやすいからもう2万人いってる

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

    ヘロンさんがどの言語から勉強始めたとかそういう話も聞きたい…聞きたくない?

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

    ライフゲームをプログラムで作ってみる動画は初めて見たので勉強になります!
    ライフゲームだと「チューリング完全」という性質がとても面白くて、
    youtubeだと「ライフゲームの世界」で出てくる動画シリーズのpart8がオススメですよ👍️

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

    この人もっともっと有名になって欲しい。

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

    配列とシンプルなルールだけなのに
    銀河のアニメーションすごい!

  • @dm_99
    @dm_99 2 роки тому +1

    ライフゲームが夢の中で出てきて、コレなんだろうと思ってググりまくったらたどり着いた

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

    すごく勉強になるから数学の記号とかもわからん人向けに作ってくれたら嬉しい

  • @qqum8051
    @qqum8051 3 роки тому +53

    考案者であるコンウェイはコロナで亡くなったんだよね…rip

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

      ええ、嘘、そうだったの...?

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

      rip

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

    Great vid, as always. How about demonstrating autonomous agents?

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

      thank you, this is a interesting topic and youtube-worthy.
      I keep it in my mind.

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

    Dont understand the language single bit. Still following the amazing tutorial

  • @kaitoymmraable
    @kaitoymmraable 3 роки тому +32

    ライフゲームってなんぞやって思ったから見ます

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

    10:00のところで n.cells.fill(1); を消されているのですが、そこを見落とし、「あれ?いつも埋まったままで動かない!」とデバッグを試みたのですが、よくわからず、結局ソースコードを直接比較して直しました。凄く勉強になります!ありがとうございます!(編集が悪いと言いたいわけではありません)

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

    ライフゲーム面白いですね!
    今は期末試験で忙しいので、試験終わったら書いてみようと思いました!(C++が慣れてる言語なので、C++で書いてみようと思ってます)
    でも、これを機にJSを習得してみてもいいかもしれない()

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

      雑に書いて雑にシェアできるのがJSのいいとこですね🐤
      C++はSIMDとかでガチガチに最適化したコードを書けるという魅力があるけど、シェアが難しいのが難点……(ダウンロードが面倒くさいし個人が書いたバイナリ動かすの怖い)

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

    淫夢要素のせいでそんな人気になってない感はあるけど、その感じも好きなのでそのまま突っ走って欲しい

  • @usar-xx1uk4pp9h
    @usar-xx1uk4pp9h 3 роки тому

    ライフゲームすこ

    • @usar-xx1uk4pp9h
      @usar-xx1uk4pp9h 3 роки тому

      やっぱりライフゲームだったのねあの画像

  • @KK-co3tp
    @KK-co3tp 3 роки тому +1

    「すべてがFになる」のEDで若干でてきますね、これ。

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

    描画の座標系と添字を行ったり来たりする意味はあるのだろうか…?(ルール処理は多次元配列を使った配列内で完結させて,描画関数に一括描画処理をするように設計したほうが楽かな?と思ったり)

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

    ライフゲームそのものはTHE RECURSIVE COSMOSという動画で詳しく解説されています。最終的には自己複製機械までやったのかな。いい動画ですのでご覧になってみてください。
    ua-cam.com/video/yw-j-4xYAN4/v-deo.html

  • @usar-xx1uk4pp9h
    @usar-xx1uk4pp9h 3 роки тому +3

    どっかで昔計算機作ってる人いたなぁライフゲームで

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

    いいゾ~これ

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

    めちゃわかりやすい デバッグ方法もありがたい

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

    0:42 これは草

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

      シャムを笑うものはシャムに泣く

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

    今20代の方ですか?だとしたら凄いです…(そうじゃなくても尊敬します)

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

    初学者です。
    外のサイトで勉強していたところ、スプレッド構文の意味が分からなかったのですが、
    この解説を見て一発で理解しました。本当にわかりやすいです。

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

    一番好きな作品はライフゲームinライフゲーム
    (わかる人にはわかるはず)

    • @lv.4854
      @lv.4854 3 роки тому

      あれ怖いからあんまり好きじゃない

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

      youtubeで「life in life」で検索したら出てきますね。

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

      あれを見て、ライフゲームにメッチャはまった時期があった。

  • @Nicodo_Jr.
    @Nicodo_Jr. 3 роки тому

    コンウェイさん愛してる、安らかに生き返れ生き返れ。(名残惜しさ)

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

    2次元配列を使ったらもっと楽に各セルの情報をまとめられそうな気がする、、、

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

    日本シミュレータでクソ笑った

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

    2次元配列使わないんですか?

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

      入れ子の配列は初心者には厳しそう・・と思ってやめたんですが、かえって複雑になっちゃいましたね(ガバ)

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

    コンノートのライフゲーム。
    今はもうPCでも速すぎるのでコードを切り詰める楽しみはあまり無いかな。

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

      コンウェイだった。
      コンノートって誰だよ。

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

      処理速度とか、容量は一切切り詰めてないけど、文字数だけ切り詰めたライフゲーム作った(※JS専用)

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

    今回横文字多めですね。
    entriesとかスプレット構文とか…JSの勉強にもなって助かります。

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

    コンウェイってチェーン表記の人?

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

    あれ、もう2万人突破してるやん
    プログラムのイントネーション戻った⁉️

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

    グーグルでゲームオブライフで検索したら検索結果でゲームオブライフ始まって草
    (追記)ライフゲームで検索しても同様の結果を得たことをここにご報告いたします
    覚えたら便利なんだろうけどES6未だによぐわがんにゃい

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

    ドット版speciesみたいな感じか…

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

    スクラッチでFPSを作ってください

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

    マス計算ずっと二次元配列でやってたわ
    どっちがええんやろ

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

    最後まで見たけど,,,
    なんか、玉ねぎ切ってる感じになった(???)

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

    すみません。あのこの動画で使っているプログラミングアプリの名前を教えてくれませんか?

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

    ライフゲーム極めたあたおかな人がライフゲームでライフゲーム作ってて草も生えなかった。何でもできるなこのゲーム。

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

      個人的にライフゲームは単純化されたマインクラフトだと思ってる。本当に神ゲー
      まぁマインクラフトと違って何かを作るのが難しいんだけど。

  • @ebi-0343
    @ebi-0343 3 роки тому +18

    いい動画!
    淫夢要素と生声無くせばバズりそう

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

      本質無くすのは草

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

      声はいいけど、もう一個のはやめてほしいよね~。

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

      出る杭を打つな()

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

      さりげなく淫夢要素入ってんのほんと笑う

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

      @@user-cb9zy5dx8r 普通に面白いと思うんですけど…(困惑)まぁ人それぞれだから多少はね?

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

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

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

      hi, you can use good quality Auto Translate for manually subtitled ("CC" marked) videos. 🐤
      for more information:
      ua-cam.com/play/PLOjd6kFr4qACphZNe9zUZ8P-zjOnDRMuF.html

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

      @@heron-no-suugaku Thanks!! It worked.

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

    ボスナさんですか??

  • @sen.jumprope
    @sen.jumprope 3 роки тому +11

    おい!!!プ↑ログラムのイントネーションおかしいぞ!!

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

      この人の動画見すぎて正しいイントネーション分からんくなった笑笑

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

      これが正常だと思ってた

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

    プログラムは独学ですか?

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

      3年くらい会社でC++書いてたのを除けば、全部独学ですね

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

      @@heron-no-suugaku 独学でも自分でここまでのことが出来るようになるなんて夢が広がりますね笑
      自分も将来情報系を学ぼうと思っているのでこういった動画はとても参考になります!これからも応援してます!

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

    めちゃくちゃ勉強になります。淫夢とかいうクソ気持ち悪い要素がなければもっと伸びると思います。

  • @ay-oha
    @ay-oha 3 роки тому +4

    淫夢要素無くしたらちゃんとバズりそう

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

      淫夢を知ってない人でも楽しめるゾ^〜これ

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

    モグラ🤣

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

    声がゆゆうたじゃね、、、

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

    やっぱりホモじゃないか(歓喜)ウレシイ…ウレシイ…

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

    広告増えて見にくくなった…。

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

      何個くらい出てますかね?
      広告配置はAIに任せてるんですが、あまりにも多すぎたら手動に変えるかもです

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

      普通じゃね

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

    ^〜 (ホモにしか解読できない文字)

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

      〇〇〇〇^〜

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

      〇〇〇〇^〜
      (気さくな挨拶)

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

      @@user-nr4gl5wb2u
      まずいですよ!

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

      (気さくな挨拶)だけで通じるんだよなぁ…

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

      おだんご^〜