マウスの矢印をろうそくの光の効果に変える JS メソッド_JavaScript スキル

<頭>





<テーブルボーダー="0" 幅="100%">



概要: HTML5 ソース コード、Canvas インスタンス、Canvas アニメーション
Canvas タグを使用した HTML5_Canvas 練習プログラム。交差点での青信号の点灯、赤信号の点灯、停止する車両のエフェクトをシミュレートします。エフェクトは比較的大雑把です。
初心者向けの参考にしてください。 HTML5 プログラムは現在 IE をサポートしていません。

ゲームを開始した後、
落下するオブジェクトをマウスでクリックすると、爆発物を撃つことができます。生成されたゲームの画質は良好です。
スムーズです。テストする場合は Firefox を使用してください。または Chrome ブラウザを使用してください。
IE8 より前のバージョンではこのゲームを実行できません。
ゲーム機能は強力ではありませんが、

ただし、HTML5 の基本的なテクニックが使用されています。


また、ゲーム操作のためのいくつかの JS クラスは、も良い選択になりたいです。


HTML5 オフライン ストレージ インスタンスに基づいて、ページが読み込まれると、アプリケーションは onLoad 関数を使用して、対応するデータがすでにローカル キャッシュにあるかどうかを確認し、

ストレージ イベントをリッスンします。

アプリケーションは localStorage の変更に応答できます。

ブラウザが localStorage 関数をサポートしていることを確認します。 ;br>gt;
キャッシュへのデータの設定、データのクリアなどの機能。



<スクリプト言語="vbscript">
薄暗い赤、グレ、青
ディム x、y、z
赤=255
gre=255
ブルー=0
z=100
sub window_onload()
mybody.filters.light.addPoint(0,0,z,Red,Gre,Blu,100)
を呼び出します。 mybody.style.cursor="手"
エンドサブ
sub document_onmousemove()
x=window.event.x
y=ウィンドウ.イベント.y
mybody.filters.Light.MoveLight(0, x, y, 100, 1)
を呼び出します。 エンドサブ

<スクリプト言語="javascript">
//レイヤーを移動する関数です
関数 move_layer()
{
Layer1.style.left=event.clientX document.body.scrollLeft-50;
Layer1.style.top=event.clientY document.body.scrollTop-20;
}
//ここでの意味は、マウスが移動すると、「move_layer」関数が呼び出されるということです
document.onmousemove =move_layer;