JavaScript,tec

Thumbnail of post image 109

やってみたJavaScript、今回はstart/stopボタンを実装するぞ!

割とチョチョイのチョイだ。見た目がショボいから。

test0007レイアウト

というほど何もないけど、canvasとbuttonを横 ...

JavaScript,tec

Thumbnail of post image 143

やってみたJavaScript、今回は、バグ修正って感じ。

なかなかうまく動かなかったけど、とりあえずちゃんとしてるような気がしてきた。

test0006セルのビフォーアフター

セルの生死をジャッジするにあたり、 ...

JavaScript,tec

Thumbnail of post image 115

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

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

test00 ...

JavaScript,tec

Thumbnail of post image 166

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

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

JavaScript,tec

Thumbnail of post image 071

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

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

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

とりあえず、CSSとJavaSc ...

JavaScript,tec

Thumbnail of post image 135

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

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

test0002

枠線を ...

JavaScript,tec

Thumbnail of post image 028

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

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

test0001

ということで、canvas上 ...

JavaScript,tec

Thumbnail of post image 174

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

がんばって続けたい!

モチベーション

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

ネットとか本とか見 ...