html5

TwitterBootstrap

あきもあいたり三ヶ月! 前回の更新が8月26日、そして今日は11月28日、ということは……と考えるまでもなく、三ヶ月もの間更新が無かった勘定になります。これからはマメに更新します、という宣言ももはや空々しいレベル。 それはともかく、最近ちょっとずつTw…

初歩的だけどたまにやる間違い

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

jQueryのbind練習

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

ノベルゲームっぽい画面を作ろうとしてみました(失敗)

css3を使ってノベルゲームっぽい画面を作ろうとしてみましたが、思った通りにはなりませんでした。私のイメージとしては、背景画像の上に半透明のdivを重ね、そこに透過無の文字を並べたかったのですが、実際には下のようになってしまいました。ノベルっぽい…

canvasで画像にドロップシャドウをつける方法

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

prototypeをつなげてみた

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

ブラックジャック、初めのディール

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

canvasであっけなく解決

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

スタイルシート clipプロパティについて

昨日(31日)の日記は調子に乗って少し書きすぎてしまいました。実はこれから書くことが、昨日書きたかった本題です。昔から余計なことを書きすぎると学校の先生にも注意されるたちだったのですが、どうやらまったく変わっていないようです。三つ子百までと…