|
HTML:<IMG STYLE="filter:light;・・・" SRC="Object"> |
moveLight | SCRIPT:object.filters.light.moveLight(パラメータ) |
◆メソッドのパラメータ
IMGタグにフィルターlightとオブジェクトを定義し、スクリプト(JavaScript関数を作成)にlightフィルターのmoveLightメソッドを使用し動作を制御します。 このスクリプトを、JOBタグにイベントハンドラーonLoadを定義し起動します。 moveLightは、addCone/addAmbient等と組み合わせで使用します。 addConeで設定した光の目標(照らす先)焦点位置のLEFT座標(X座標)、TOP座標(Y座標)及び Z座標を、moveLightを使用し変更しています。 下のパラメータの選択により、左のサンプルを制御出来ます。 同時に、ソースコードに反映されます。
◆スクリプトと起動 オブジェクト.filters.light.clear(); //clear()メソッド(フィルター効果をクリア) オブジェクト.filters.light.addCone(X1,Y1,Z1,X2,Y2,R,G,B,Strength,Spread); //addCone()メソッド オブジェクト.filters.light.moveLight(LightNumber,X,Y,Z,Absolue); //moveLight()メソッド <JOB onLoad="light()"><!--light()はJavaScript関数--> ◆フィルター効果の光の目標焦点を移動します サンプルでは、addConeの設定した光の目標焦点(照らす先)-X2,Y2座標-をmoveLightで3秒のタイムラグをとり、光の目標焦点-X,Y,Z座標-を変更しています。 |
<SCRIPT LANGUAGE=JAVASCRIPT> //light Filterのスクリプト処理 moveLight()/addCone()メソッド <!-- var Tid function light(){ document.all["LightDisp"].filters.light.clear() //クリア //addCone var X1 = 6 var Y1 = 6 var Z1 = 0 var X2 = 60 var Y2 = 60 var R = 255 var G = 255 var B = 0 var Strength = 100 var Spread = 90 //moveLight var LightNumber = 0 var X = 6 var Y = 100 var Z = 0 var Absolute = 1 document.all["LightDisp"].filters.light.addCone(X1,Y1,Z1,X2,Y2,R,G,B,Strength,Spread) Tid = setTimeout('document.all["LightDisp"].filters.light.moveLight(LightNumber,X,Y,Z,Absolute)',3000) //3秒後に起動 } //--> </SCRIPT> <BODY onLoad="light()"> <IMG id=LightDisp style="POSITION: absolute; TOP: 40px; LEFT: 20px; WIDTH: 71px; HEIGHT: 143px; font-size:22px; filter:light;" SRC="画像"><!--フィルターと画像を定義-->