Point光源
★光の色を選択できます。
★0〜100(最高)の範囲で輝度を指定できます。
★画像上でﾏｳｽを動かせば光源の位置も移動します。
★次のﾎﾞﾀﾝで光源の自動移動を操作できます
★光の色を選択できます。
★0〜100(最高)の範囲で輝度を指定できます。
★画像上でﾏｳｽを動かせば光源の位置も移動します。
★次のﾎﾞﾀﾝで光源の自動移動を操作できます
Sample Source......................................................................>>>
<script language="JavaScript"><!--
var r = 230; //光の赤の度合い
var g = 230; //光の緑の度合い
var b = 230; //光の青の度合い
var s = 100; //光の強さ(輝度)の度合い
function PointStart(){
PIC.filters.light.addPoint(100,60,80,r,g,b,s);
//引数はPoint光源の、x,y,z座標とR,G,B値と輝度
}
function PointMove(){ //ﾏｳｽ移動により光源を移動する
var posx = event.x-50;
var posy = event.y-100;
PIC.filters.light.MoveLight(0,posx,posy,60,1);
}
function ColorChange(n){ //光の色を変える
if(n == 1){r=0;g=255;b=0;}
if(n == 2){r=250;g=250;b=0;}
if(n == 3){r=0;g=150;b=255;}
if(n == 4){r=255;g=70;b=0;}
if(n == 5){r=250;g=180;b=250;}
PIC.filters.light.ChangeColor(0,r,g,b,1);
}
function StrChange(){ //光の強さを変える
s = str.value; //Textﾎﾞｯｸｽの値を取得
PIC.filters.light.ChangeStrength(0,s,1);
}
var xpos = 100; //Point光源のx座標
var ypos = 60; //Point光源のy座標
var dx = 10; //x座標の移動量
var dy = 5; //y座標の移動量
var timerID;
function GoPoint(){ //光源の位置を移動さす
PIC.filters.light.MoveLight(0,xpos,ypos,60,1);//光源を移動する
if((xpos > 256) || (xpos < 0))dx = -dx;
//光源が左右端に達した時，移動量の符号を反転
if((ypos > 192) || (ypos < 0))dy = -dy;
//光源が上下端に達した時，移動量の符号を反転
xpos += dx; //x座標を移動量分だけ変える
ypos += dy;
timerID = setTimeout("GoPoint()",100);
}
function StopPoint(){ //光源の位置移動を停止する
clearTimeout(timerID);
}
//--></script>
</head>
<body onload="PointStart();">
<img id="PIC"
style="position:absolute;top:60;left:50;filter:light"
src="../../java/jadata/pho_003.gif"
onmousemove="PointMove();"
WIDTH="256" HEIGHT="192">
<p>★光の色を選択できます。
<select onchange="ColorChange(this.value)"
size="1">
<option value="1" selected>緑色 </option>
<option value="2">黄色 </option>
<option value="3">青色 </option>
<option value="4">赤色 </option>
<option value="5">紫色 </option>
</select> </p>
<p>★0〜100(最高)の範囲で輝度を指定できます。
<input type="text" name="str" value="60"
size="4">
<button onclick="StrChange();">輝度変更</button></p>
<p>★次のﾎﾞﾀﾝで光源の自動移動を操作できます<br>
<button onclick="GoPoint()">光源移動Start</button>
<button onclick="StopPoint()">光源移動Stop</button></p>
end(最終更新:12/11/10)