読者です 読者をやめる 読者になる 読者になる

ottatiのブログ

無職学生がネットにクソアプリをまき散らしていく様子

50行で作る、HTML5+JavaScriptな簡単ライフゲーム【プログラミング】

やり方 コードレシピ html5 javascript game of life

f:id:ottati:20150103125718g:plain     🍣

はじめに。

f:id:ottati:20130911130638p:plain

ライフゲームを知っていますか?ライフゲームは世界でとっても有名なシミュレーションゲームです。Wikipediaによると、

1970年にイギリスの数学者ジョン・ホートン・コンウェイ (John Horton Conway) が考案した生命の誕生、進化、淘汰などのプロセスを簡易的なモデルで再現したシミュレーションゲームである。

らしいです。

眺めているだけでもさまざまなパターンを観測することができてとても興味深く、魅力的なゲームです。

見つけだすのに賞金も賭けられたという「グライダー銃」というパターンは特に有名ですね。

f:id:ottati:20130911130652g:plain

もっとライフゲームについて詳しく復習したい方は秀逸なWikipediaのページを見ることを薦めます。 ライフゲーム - Wikipedia

また、ライフゲームの世界は非常に単純なルールで成り立っています。つまり、僕を含めたプログラミング初心者にはうってつけの題材なのかもしれません。また今回はHTML5JavaScriptで作ります。"index.html"と"main.js"の2ファイルだけでゲームが完成します。特殊なソフトウェアは必要ありません。

更に50行でコードが完成してしまうので、気軽にプログラミングできるかと思います。以前書いた記事、200行で作る、enchant.jsを使った簡単ぷよぷよプログラミング - おっ立ち野郎よりは遥かに簡単です!

間違っている箇所を指摘して頂けたらとても嬉しいです。

作り方はコードレシピへ!

作り方はコードレシピへ移動しました。

50行で作る、HTML5+JavaScriptを使った簡単ライフゲームづくり - コードレシピ

コードレシピ - 初心者のための簡単プログラミングレシピサイトもよろしくお願い致します。