Move Stop Reset クリックでパターンを作れます。 JavaScriptを始めてから5時間くらいで作れました。 練習用の課題としてライフゲームの実装はとても適してるのではないでしょうか。 BloggerでJavaScript貼り付ければ動いてくれるのは便利です。 自動セミコロン挿入は驚きましたが、気にせずセミコロンを書けばいいことがわかったので問題ありませんでした。 ブロックスコープじゃないのも戸惑いました。こっちはまだちゃんと理解できてないのではないかと思います。 参考にしたサイト とほほのJavaScriptリファレンス 初めてのHTML5ゲーム作成 JavaScript のスコープを理解する-tacamy.blog JavaScriptの自動セミコロン挿入-本の虫 http://noidgames.web.fc2.com/lifegame.html 一応コードも貼っておきます。 <style type="text/css"> #canvas1 { display: block; width:320px; background-color:black; } </style> <script type="text/javascript"> //明示的にグローバル変数を宣言 var canvas1; var ctx; var field = new Array(32); // フィールド情報 var isMove = 0; for(i=0;i<field.length;i++){ field[i] = new Array(32); for(j=0;j<field[i].length;j++){ field[i][j] = 0; } } window.onload = function() { canvas1 = document.getElementById('canvas1'); ctx1 = canvas1.getContext('2d'); canvas1.addEventL...
コメント