JavaScripの実験室

JavaScriptの勉強中に、こんなことができないか?・・・と思ったことを繰り返し実験しました。
ここに紹介するのは、そんな実験のごく一部です。
これは役に立つ・・・というようなものはありませんが、ぜひご覧になってください。


マウスポインタ座標表示
JavaScriptでマウスポインタの座標を取得する実験。ページレイアウト時の便利なツールになります。
マウスポインタ座標表示(その2)
マウスポインタ座標表示をNetscape でも動作するように改良しました。
マウスポインタ座標表示(その3)
画像内オフセットが表示される不具合を解消しました。
ピクセル・メジャー
マウスクリックでページ内の各部の寸法を測るツールができました。
爆弾投下ゲーム
爆弾を目標に投下するゲームです。単純です。だから面白い?!
爆弾発射ゲーム
大砲で爆弾を発射し目標を狙うゲームです。発射する方向や、発射速度をマウスで調節します。
爆弾発射ゲーム(その2)
爆弾発射ゲームに障害物を設けました。発射した爆弾が天井を抜けてどこに落ちる・・・
爆弾発射ゲーム(その3)
爆弾発射ゲームのマトを障害物の上に乗せました。リセット毎に障害物の高さはランダムに変化します。 コリャ難しい・・・
爆弾発射ゲーム(その4)
ごめんなさい、もう一発、爆弾発射ゲームです。 他のゲームも作りたいのですが、これにてこのシリーズの打ち止めと致します。
ヨーヨーの実験
縁日のヨーヨー釣りはご存知ですか? そのヨーヨーがここに・・・
スプリング結合の実験
「Web3D」の文字をスプリングで結んでマウスポインタにつけました。
ブラウザの識別
JavaScriptでブラウザの識別をします。クロスブラウザのために・・・
数値文字列の整形
整数部の3桁ごとのカンマ区切りや、小数部の桁数揃えができる。
ポップアップメッセージ
指定した語句の説明に使えるポップアップメッセージの実験です。(Windows用IE5.5以降)
オブジェクトのドラッグ実験
オブジェクト(ここでは画像)をドラッグできるようにするための実験をしました。
オブジェクトのドラッグ実験(その2)
重力の加速度が作用したボールをドラッグできます。ボールを離す方向にボールが飛んで、壁にぶつかると跳ね返ります。だからどうだって言われても・・・
ウィンドウサイズの変更  New!!
ブラウザウィンドウのサイズをスクリプトで変更する実験です。

実験を繰り返した感想を一つ・・・
オブジェクトの構造を理解し、プロパティ、メソッドの役割を知ること。
これが、JavaScript使いこなしの全てでしょうか。

プログラミング言語の構文構造はどれもほとんど同じです。
C, Awk, Perl, Java はアルゴリズム中心に、
JavaScript, ActionScript, Lingo はオブジェクト中心に勉強すれば、
使いこなしのプロになれる・・・かも。。。

戻る