最近、色々プログラミングについて勉強しているのですが、その一環としてシンプルなゲームを作れるようになりたいなあ、と思い、今日からゲーム作りを始めました。 JavaScript + canvasで作るのであればenchant.jsとか便利なライブラリが色々あると思うので…

jQueryのbindの練習も兼ねてjsdoitでクリック＆ドラッグで四角形を描画するコードを書いてみました。私がJavaScriptを触り始めたころはイベント処理は非常に面倒だったものですが、今はjQueryを使えば簡単ですね。便利になったものです。 それにしても、jsdo…

今日はちょっと動くものを作ってみたくなって、ライフゲームをJavaScriptで書いてみました。四苦八苦しながら書き上げたのですが、少し時間をおいて見てみると、グローバル変数を使いすぎているし、同じようなfor文をいくつも書いているし、無駄に見える処理…

昨日に引き続いてjsdoitでノベルゲームっぽい画面を作ってみました。昨日は文章を格納するdivにopacityを指定して透過していたために、div内に含まれる文字列まで透過してしまっていたのですが、rgbaで透過を指定すると、子要素に影響がないようです。ノベル…

canvasタグで画像に影をつける方法を紹介します。 やり方はとても簡単。canvasのコンテキストを取得した後、shadowBlur（ぼかしの範囲）とshadowColor（影の色）を指定し、普通に画像を載せるだけです。例えば、下のコードのような感じ。 var canvas = getEl…

一昨日から悩んでいた画像切抜きについてですが、このサイトを眺めているうちにあっけなく解決しました。canvasオブジェクト（という表現が適切なのかはわかりません。クラスと言った方がいいのか、それとももっと良い言い方があるのか）にそもそも画像切抜…