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

JavaScriptのライブラリ、Three.jsとglmatrix.jsを使って球体が惑星のような動きをするプログラムを書いてみました。（※ブログパーツでは表示されないようですので、サイトに移動してご覧ください） ソースコードは上記のリンクから見ることができます。 基…

今日、再帰呼び出しがらみでやらかしたイージーミスを書いてみます。１．変数を変更する前に再帰している たとえばログを取りたいときなんかに log[count] = i; recurFunction(count); とかするんですが、間違えて recurFunction(count); log[count] = i; と…

JavaScriptで三葉線の軌道をたどって円が動くプログラムを書いてみました。三角関数使うのとか学生時代以来で面白かったです。

昨日に引き続き、『PHP Simple HTML DOM Parser』（以前のエントリではPerserが抜けていました！ スイマセン！）スクレイピングの練習をしていきます。 再び王座戦ブログを題材にさせていただいて、今度は最新エントリのタイトルを抽出する練習をしてみまし…

今日、というかもう昨日ですが、将棋のタイトル戦である王座戦というのがありまして。 かの有名な羽生王座に期待の俊英（そして大変にイケメンな）中村六段が挑むというシリーズなのですが、今日の対局はまあ、それはそれは大変な名局でありました。自分も、…

時代遅れにもアンテナ風のサイトでも作ってみたいなあと思い、『PHP Simple HTML DOM』というツールを使ってみました。 使ってみたと言っても、今日のところはちょっといじってみだけなんですけれども、まー使いやすい。CSSとか書いたことある人には感覚的に…

しばらく（半年以上？）javascriptから遠ざかっていたので、基本的なことをすっかり忘れてしまっています。今日も、「なんでこんなとこで……」というところでハマッてしまいました。 そのハマりというのが例えば下のコード。 var canvas = document.getElemen…

明日（15日）は頑張ろう、と書いていながら久しぶりの更新になってしまいました。そして今日もあまり書けません。だって、最近、いそがしいんですもの……、というのは言い訳ですね。一応、jsdoitでは毎日javascriptを書いているのですが。 というわけで今日の…

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

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

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

JavaScriptはprototypeというものでオブジェクトをつなげているということは知っていたのですが、実際に使ったことはなかったのでとりあえず使ってみました。 prototypeやらnewやらをいろいろいじっているうちになんとなくこういう感じのものができました。…

昨日はトランプのカードを表示させるコードを書いたので、今日はブラックジャックの手順中一番初めに行われる、ディーラーとプレイヤーへのカードのディールを作りました。このあたりは以前作ったのですが、画像の表示に手間取っているうちにいろいろ修正を…

昨日からjsdo.itというサイトを使っています。自分の書いたコードが即座に反映されるのが面白いですし、人のコードも読めて（私のレベルではほとんど理解できませんが）すごく良いですね！ 今日もjsdo.itで適当にコードをいじっていたのですが、突然壁にぶつ…

cssとjavascriptを外部ファイルにしたとき、それぞれのファイル内での相対パスの指定について、混乱することがよくあります。こんなことが分からなくなる人は私の外にはまずいないでしょうが、したがってこのエントリを必要とする人もまずいないでしょうが、…

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