ページ全体にCone光源
ページ全体にCone光源を設定しました。
マウスを動かすと光も移動します。
下のボタンでCone光源をクリアできます。
ページ全体にCone光源を設定しました。
マウスを動かすと光も移動します。
下のボタンでCone光源をクリアできます。
Sample Source......................................................................>>>
<script language="JavaScript"><!--
function ConeStart(){ //Cone光源の設定
var x = (by.clientWidth)/2; //ﾄﾞｷｭﾒﾝﾄｳｨﾝﾄﾞｳ幅の半分
var y = (by.clientHeight)/2;//ﾄﾞｷｭﾒﾝﾄｳｨﾝﾄﾞｳ高さの半分
var cx = (by.clientWidth)/2;
by.style.filter = "light(enabled=1)";
by.filters.light.addCone(x,y,0,cx,0,255,255,255,30,20);
//引数はCone光源のx,y,z座標と焦点の
xy 座標と
//R,G,B値と光度,光の広がり
}
function ConeMove(){ //ﾏｳｽ移動につれて光源も移動
if(null != by.style.filter){
var posx = event.x;
var posy = event.y;
by.filters.light.MoveLight(0,posx,posy,0,1)
}
}
function ClearCone(){ //Cone光源をｸﾘｱする
if(bt.innerText == "闇から脱出"){
by.filters.light.enabled = 0;
bt.innerText = "再度闇に入る";
}else{
by.filters.light.enabled = 1;
bt.innerText = "闇から脱出";
}
}
//--></script>
</head>
<body id="by" onload="ConeStart();"
onmousemove="ConeMove();">
<button id="bt"
style="width:150;color:red;font:bold 12pt 'ＭＳ 明朝'"
onclick="ClearCone();">
闇から脱出</button>
end(最終更新:12/11/10)