SITEMAP [初めてのホームページ講座] [CSS] [FILTERS] [LIGHT]

CSS FILTERS

LIGHT

■フィルタ名
LIGHT
■機能
光源から光を当てた効果を作ります。 ただし、スタイル指定だけでは効果は殆どありません。 またメソッドが準備されており、ダイナミックに効果を変化させることが可能です。
■書式
以下のメソッドがあります。DynamicHTMLと同等で、ドキュメント中のオブジェクトにアクセスして、 それぞれの効果をダイナミックに変化させることが可能です。 (objectの部分が効果を指定する先のオブジェクトで、document.allなどになります)
AddAmbient
ページの表面に平行な光を垂直に当てる。光源には色と強さを指定でき、ページにも色を追加可能。
object.filters.Light.addAmbient(R,G,B,strength)
R,G,B
赤、緑、青の指定(0〜255)
strength
光源の輝度
AddCone
円錐光源を追加し、ページに方向性のある光を当てる。
object.filters.Light.addCone(x1,y1,z1,x2,y2,R,G,B,strength,spread)
x1, y1, z1
光源の座標
x2,y2
光の焦点の座標
R,G,B
赤、緑、青の指定(0〜255)
strength
光源の輝度
spread
光の角度(0〜90度)。
AddPoint
ポイント光源を当てる。
object.filters.Light.addPoint(x,y,z,R,G,B,strength)
x, y, z
光源の座標
R,G,B
赤、緑、青の指定(0〜255)
strength
光源の輝度
ChangeColor
光の色を変更する。
object.filters.Light.ChangeColor(lightnumber,R,G,B,fAbsolute)
lightnumber
使う光の識別番号
R,G,B
赤、緑、青の指定(0〜255)
fAbsolute
true(0以外)の場合は新しい色の値を設定し、false(0)の場合は色の値を増減する。
ChangeStrength
光の輝度を変更する。
object.filters.Light.ChangeStrength(lightnumber,strength,fAbsolute)
lightnumber
使う光の識別番号
strength
光源の輝度
fAbsolute
true(0以外)の場合は新しい強さの値を設定し、false(0)の場合は光の強さを増減する。
Clear
指定を全て消す。
object.filters.Light.Clear
MoveLight
光の効果を移動する。
object.filters.Light.MoveLight(lightnumber,x,y,z,fAbsolute)
lightnumber
使う光の識別番号
x, y, z
光を移動する位置
fAbsolute
true(0以外)の場合は絶対位置を設定し、false(0)の場合は相対位置を設定する。
■サンプル
実際に見る
<style type="text/css">
<!--
div{	filter:	light;}
-->
</style>
[Go To Top]

Last modified Oct,2000
Copyright(C)1999 Miyazaki , All Rights Reserved.