ＤＨＴＭＬ研究室

　

Back to Title Page(OpenLab)タイトルページへ戻る


ＤＨＴＭＬでイメージを変更する。.

　タイマーで表示するイメージに変化を持たせます。スクリプトに ＪａｖａＳｃｒｉｐｔを使用しています。また、フィルターとして、ＤＨＴＭＬの ビジュアルフィルターを使用しています。

　

　背景ＣＧにＬｉｇｈｔフィルターをかけたものです。タイマーイベントを 使用してアニメーション効果を出しています。マウスイベントなどと組み合わせると おもしろくなります。今回はタイマー変化させています。背景ＣＧが少し明るかったため ＡＬＰＨＡフィルターを使用して若干暗くしています。


Language


上のＤＨＴＭＬ部分のソースコードです。

< body onload="init()">
< img src="FIREFALL.gif" id="sample"
style="filter: light(enabled=1); alpha(opacity=80); " alt="Language" width="530" height="204">
< script language="JavaScript">
var x,y;
x=0; y=5;
function init(){
setInterval("style_change(sample)",100);
sample.filters[0].addcone(0,0,5,100,100,255,255,0,60,15);
}
function style_change(obj){
x=x+2; y=y+1;
sample.filters[0].movelight(0,x,y,100,100);
if(y=100){
X=0; Y=5;
}
}
</script>


Copyright (C) Kitaro 1998