html

jsdo.itにいろいろ上げた

手元に死蔵してたネタをjsdo.itにアップしてみた。手元の状態からはかなりいじったので一週間もかかったけど。 トランプ http://jsdo.it/gct256/9Q7L iPhoneっぽいツールバー(とボタン) http://jsdo.it/gct256/lBoG XorShiftによる擬似乱数(再現性のある…

スポットライトみたいなもの

帰りのバスの中で外を見ていたときに思いついた一発ネタ。http://jsdo.it/gct256/qYXW

canvasで簡易3D表示

昨日jsdo.itに置いたやつをもうちょっと発展しやすいようにいじってたら、結局全然別物になったので、別途上げた。http://jsdo.it/gct256/8brV左下のリンクでアニメーションする。 animation 1 ランダムな色と座標に移動 animation 2 立方体の面にそうような…

ColorCubeをjsdo.itに置いてみた

http://jsdo.it/gct256/iJD6コードをもうちょっと整理しないと発展しづらい。明日の昼休みにやろう。

canvas要素のテスト

昔のファイルを整理していたらでてきたので載せておく。http://hi-hat.jp/ColorCube/↓こんな感じのキューブをマウスで回せるだけのもの。アフターバーナーのタイトル画面っぽく丸だけで3Dっぽい描画を試してたのと、色の表現方法(表色系?)を調べてたんだ…

JavaScriptの値に色付けする、ColorfulDumpを作った

Objectのダンプをするわけではないのであんまり役にはたたないです。 デフォルトの色付けはとても刺激的ですが、CSSで制御できます。 配布元 http://code.google.com/p/kem/ 説明 http://code.google.com/p/kem/wiki/ColorfulDump 表示サンプル http://hi-ha…

HTMLのみで画像のリサイズを行いたい

HTMLで画像を表示する場合。サイズが 200x100ピクセルの画像を表示したい場合はこんな感じに書く。 <img src="./foo.png" alt="Foo" width="200" height="100" /> width/height属性に別の値を指定すると、画像をリサイズして表示させる事ができる。例えばサムネール表示なんかに利用できる。 <img src="./foo.png" alt="Foo" width="100" height="50" /> <img src="./foo.png" alt="Foo" width="100" /> しかし、ブラウザでのリサ…