|
HTML:<IMG STYLE="filter:light;・・・" SRC="Object"> |
clear | SCRIPT:object.filters.light.clear() |
◆clearメソッドのパラメータはありません
IMGタグにフィルターlightとオブジェクトを定義し、スクリプト(JavaScript関数を作成)にlightフィルターのclearメソッドを使用し前のlightフィルターの動作をクリアします。 このスクリプトを、JOBタグにイベントハンドラーonLoadを定義し起動します。 下のパラメータの選択により、左のサンプルを制御出来ます。 同時に、ソースコードに反映されます。 clearは、addCone/addAmbient等の間にはさみ使用します。 ◆スクリプトと起動 オブジェクト.filters.light.clear(); //clear()メソッド(フィルター効果をクリア) オブジェクト.filters.light.addCone(X1,Y1,Z1,X2,Y2,R,G,B,Strength,Spread); //addCone()メソッド オブジェクト.filters.light.addAmbient(R,G,B,Strength); //addAmbient()メソッド <JOB onLoad="light_addCone()"><!--light_addCone()はJavaScript関数--> ◆フィルター効果をクリアします サンプル(下のコード参照)では、先ずJOBタグのイベントハンドラーonLoadによりJavaScript関数light_addCone()を起動し、以下のシーケンスでフィルターの動作をループさせています。 3秒後clear()→addCone()→3秒後clear()→addAMbient()→元へ戻る |
<SCRIPT LANGUAGE=JAVASCRIPT> //light Filterのスクリプト処理 addCone()/clear()/addAmbient()メソッド <!-- var tid function light_addCone(){ //クリア 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 = 35 document.all["LightDisp"].filters.light.addCone(X1,Y1,Z1,X2,Y2,R,G,B,Strength,Spread) //3秒後addAmbientへ tid = setTimeout('light_addAmbient()',3000) } function light_addAmbient(){ //クリア document.all["LightDisp"].filters.light.clear() //addAmbient var Ra = 255 var Ga = 255 var Ba = 0 var Strengtha = 100 document.all["LightDisp"].filters.light.addAmbient(Ra,Ga,Ba,Strengtha) //3秒後addConeへLOOP tid = setTimeout('light_addCone()',3000) } //--> </SCRIPT> <BODY onLoad="light_addCone()"> <IMG id=LightDisp style="POSITION: absolute; TOP: 40px; LEFT: 20px; WIDTH: 71px; HEIGHT: 143px; font-size:22px; filter:light;" SRC="画像"><!--フィルターと画像を定義-->