Пример демонстрации фильтра light().
После инициации фильтра обработчик таймера меняет положения точечных источников, расположенных по окружности, каждые полсекунды, сдвигая их по окружности на 30o.

Код этого примера приведен ниже. Вы можете также просмотреть его, выбрав пункт меню View/Source или щелкнув правой клавишей и выбрав пункт View Source из выпавшего меню.

<html>
<body>
<script language="javascript">

window.onload=Init;

var x0, y0, rx, ry, w, h;
var fasa = 0;
var dfasa = 30;
var s = 70;
var z = 100;
var fi = new Array(6);
var rgb = new Array(
 new Array(255,   0,   0),
 new Array(  0,   0, 255),
 new Array(  0, 255,   0),
 new Array(255,   0, 255),
 new Array(255, 255,   0),
 new Array(  0, 255, 255));
var x,y;

function GetXY(angle){
   x = rx*Math.cos(angle)+x0;
   y = ry*Math.sin(angle)+y0
}
function NewScene(){
   var fltr = obj.filters.light;
   for (var i=0; i<6; i++){
      GetXY(fi[i]);
      fltr.addPoint(x, y, z, rgb[i][0], rgb[i][1], rgb[i][2], s);
   }
}

function MoveLights(fs){
   var fltr = obj.filters.light;
   fsrad=fs*Math.PI/180;

   for (var i=0; i<6; i++){
      GetXY(fi[i]+fsrad);
      fltr.moveLight(i, x, y, z, 1);
   }
}
function next(){
   fasa+=dfasa;
   if (fasa> 360) fasa-=360;
   for (var i=0; i<6; i++){
      MoveLights(fasa);
      window.status=""+fasa;
   }
}
function Init(){
   w=obj.style.pixelWidth;
   h=obj.style.pixelHeight;
   x0 = w/2;
   y0 = h/2;
   rx = 3*x0/4;
   ry = 3*y0/4;
   for (var i=0; i<6; i++)
      fi[i] = i*60.0*Math.PI/180.0;
   NewScene();
   timer=setInterval("next()",500);
}
</script>
<div id=obj style="overflow:hidden; width:300; height:300; filter:light();">
<span style="width:300; height:300; background-color:blue; color:yellow; font-size:16pt; text-align:center;">
<b>Пример демонстрации фильтра light().<br>
После инициации фильтра обработчик таймера меняет положения точечных источников, расположенных по окружности,
каждые полсекунды, сдвигая их по окружности на 30<sup>o</sup>.
</b></span>
</div>
</body>
</html>
Hosted by uCoz