JavaScript,tec

やってみたJavaScript、今回は、枠線とセル描画がずれてたので、修正する。

これ、書いたやつが一回消えちゃって、二回目の執筆。何を考えてどうしたか細かいことは忘れちゃった……。コード読んでいこう。

test0005枠線とセルサイズの指定を修正

枠線とセル描画が被って ...

JavaScript,tec

やってみたJavaScript、今回は、セル毎に塗れるようにする。

セルってのはLife Gameでいうところの、縦横の線で区切られた一つ一つの四角のこと。今までは枠線を無視してたので、クリックしたセル単位で塗れるようにする。

test0004クリックしたセルをマーク

将 ...

JavaScript,tec

やってみたJavaScript、今回は、リファクタリング?的なことを。

それと急に方向転換して、Life Gameを作ることにした。

test0003とりあえずファイルをきれいに

とりあえず、CSSとJavaScriptを分けた。index.htmlがスッキリ!

& ...

JavaScript,tec

やってみたJavaScript、今回は、canvas上をマウスクリックしたときの座標のずれを修正。

clientX/Yで取得した座標をそのまま使ったらなんかずれたので、それを修正します。

test0002

枠線を消しちゃったのでcanvasがどこか分かりにくいが、なんとか ...

JavaScript,tec

やってみたJavaScript、今回は、マウスクリックをcanvasで受け取ってみたい。

画面上をクリックしたときに何か起きると、何かできてる感が出ることでしょう。

test0001

ということで、canvas上をクリックしたときに小さい四角を描くようにします。

と ...

JavaScript,tec

今さらながらJavaScriptやってみようと思い立ち、やってみたシリーズとして書いていこうと思う。

がんばって続けたい!

モチベーション

これが初回なので、モチベーションを書いておく。

ネットとか本とか見るのがめんどくさい

JavaScriptをやってみようか ...