ＤＨＴＭＬ研究室

　

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


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

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

　

　左が元のＣＧで右側がＷＡＶＥフィルターをかけたものです。タイマーイベントを 使用してアニメーション効果を出しています。


Language


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

< body onload="init()">
< img src="FIREFALL.gif" width="144" height="144">
< img src="FIREFALL.gif" id="sample"
style="filter: wave(freq:1; lightstrength:50; strength:50; phase:0; )"
alt="Language"width="144" height="144">
< script language="JavaScript">
function init(){
setInterval("style_change(sample)",100);
}
function style_change(obj){
obj.filters.wave.freq += 1;
obj.filters.wave.phase += 2;
if(obj.filters.wave.freq ==100){
obj.filters.wave.freq = 0;
obj.filters.wave.phase = 0;
}
}
</script>


Copyright (C) Kitaro 1998