ページ全体にPoint光源
ページ全体にPoint光源を設定しました。
マウスを動かすと光も移動します。
下のボタンでこの闇から脱出できます。
ページ全体にPoint光源を設定しました。
マウスを動かすと光も移動します。
下のボタンでこの闇から脱出できます。
Sample Source......................................................................>>>
<script language="JavaScript"><!--
function PointStart(){ //ﾍﾟｰｼﾞ全体にPoint光源を設定
by.style.filter =
"light(enabled=1)";
by.filters.light.addPoint(100,60,100,230,230,230,200);
//引数はPoint光源の、x,y,z座標とR,G,B値と輝度
}
function PointMove(){ //光源をﾏｳｽで移動さす
if(null != by.style.filter){
var posx = event.x; //ｲﾍﾞﾝﾄ発生位置のx座標
var posy = event.y; //ｲﾍﾞﾝﾄ発生位置のy座標
by.filters.light.MoveLight(0,posx,posy,150,1)
}
}
function ClearPoint(){ //Point光源をｸﾘｱ／再設定
if(bt.innerText == "闇から脱出"){
by.filters.light.enabled = 0;
bt.innerText = "再度闇に入る";
}else{
by.filters.light.enabled = 1;
bt.innerText = "闇から脱出";
}
}
//--></script>
</head>
<body id="by" onload="PointStart();"
onmousemove="PointMove();">
<button id="bt"
style="width:120;color:red;font:bold 12pt 'ＭＳ 明朝'"
onclick="ClearPoint();">
闇から脱出</button>
end(最終更新:12/11/10)