2012-01-01から1ヶ月間の記事一覧
明日(15日)は頑張ろう、と書いていながら久しぶりの更新になってしまいました。そして今日もあまり書けません。だって、最近、いそがしいんですもの……、というのは言い訳ですね。一応、jsdoitでは毎日javascriptを書いているのですが。 というわけで今日の…
jQueryのbindの練習も兼ねてjsdoitでクリック&ドラッグで四角形を描画するコードを書いてみました。私がJavaScriptを触り始めたころはイベント処理は非常に面倒だったものですが、今はjQueryを使えば簡単ですね。便利になったものです。 それにしても、jsdo…
今日はちょっと動くものを作ってみたくなって、ライフゲームをJavaScriptで書いてみました。四苦八苦しながら書き上げたのですが、少し時間をおいて見てみると、グローバル変数を使いすぎているし、同じようなfor文をいくつも書いているし、無駄に見える処理…
昨日に引き続いてjsdoitでノベルゲームっぽい画面を作ってみました。昨日は文章を格納するdivにopacityを指定して透過していたために、div内に含まれる文字列まで透過してしまっていたのですが、rgbaで透過を指定すると、子要素に影響がないようです。ノベル…
css3を使ってノベルゲームっぽい画面を作ろうとしてみましたが、思った通りにはなりませんでした。私のイメージとしては、背景画像の上に半透明のdivを重ね、そこに透過無の文字を並べたかったのですが、実際には下のようになってしまいました。ノベルっぽい…
jsdo.itのHTML5実力テストをやってみました。自分の実力に自信があったかといえば別にまったくそんなことはないのですが、自分がどれくらいわかっているのか知りたかったというのが動機です。 結果なのですが、 JavaScriptコースが28点 HTML/CSSコースが42点…
canvasタグで画像に影をつける方法を紹介します。 やり方はとても簡単。canvasのコンテキストを取得した後、shadowBlur(ぼかしの範囲)とshadowColor(影の色)を指定し、普通に画像を載せるだけです。例えば、下のコードのような感じ。 var canvas = getEl…
JavaScriptはprototypeというものでオブジェクトをつなげているということは知っていたのですが、実際に使ったことはなかったのでとりあえず使ってみました。 prototypeやらnewやらをいろいろいじっているうちになんとなくこういう感じのものができました。…
昨日はトランプのカードを表示させるコードを書いたので、今日はブラックジャックの手順中一番初めに行われる、ディーラーとプレイヤーへのカードのディールを作りました。このあたりは以前作ったのですが、画像の表示に手間取っているうちにいろいろ修正を…
トランプの画像をcanvasに切り出すコードを書きました。下が利用したトランプの画像。GAMEDESIGNさんからお借りしました。 drawImageという関数を使って画像を切り出すのですが、どの範囲を切り出すかを指定しなければなりません。とはいえカード一枚の大き…
今日は水面下でいろいろやってはいたのですが、何一つ形にならず、特に気づきなどもありません。まあ、こんな日もありますよね。 明日は頑張るぞー
昨日からjsdo.itというサイトを使っています。自分の書いたコードが即座に反映されるのが面白いですし、人のコードも読めて(私のレベルではほとんど理解できませんが)すごく良いですね! 今日もjsdo.itで適当にコードをいじっていたのですが、突然壁にぶつ…
cssとjavascriptを外部ファイルにしたとき、それぞれのファイル内での相対パスの指定について、混乱することがよくあります。こんなことが分からなくなる人は私の外にはまずいないでしょうが、したがってこのエントリを必要とする人もまずいないでしょうが、…
一昨日から悩んでいた画像切抜きについてですが、このサイトを眺めているうちにあっけなく解決しました。canvasオブジェクト(という表現が適切なのかはわかりません。クラスと言った方がいいのか、それとももっと良い言い方があるのか)にそもそも画像切抜…
昨日(31日)の日記は調子に乗って少し書きすぎてしまいました。実はこれから書くことが、昨日書きたかった本題です。昔から余計なことを書きすぎると学校の先生にも注意されるたちだったのですが、どうやらまったく変わっていないようです。三つ子百までと…