aframe
빛 (성분)
수색…
소개
조명 구성 요소는 엔티티를 광원으로 정의합니다. 빛은 셰이더가있는 플랫 셰이딩 모델을 지정하지 않은 모든 재질에 적용됩니다. 라이트는 계산 상 비쌉니다. 장면의 라이트 수를 제한해야합니다.
통사론
- <a-entity light = "color : #AFA; intensity : 1.5"position = "- 1 1 0"> </ a-entity>
- <a-light type = "point"color = "blue"position = "0 5 0"> </ a-light>
매개 변수
매개 변수 | 세부 |
---|---|
유형 | 주변, 방향, 반구, 점, 반점 중 하나입니다. |
색깔 | 밝은 색. |
강렬 | 가벼운 힘. |
주변 환경
앰비언트 라이트는 장면의 모든 요소에 전체적으로 영향을 미칩니다. 색상 및 강도 속성은 주위 조명을 정의합니다. 또한 위치, 회전 및 비율은 주변 조명에 영향을 미치지 않습니다.
음영 처리 된 부분이 완전히 검은 색이 아니며 간접 조명을 모방하도록 주변 광선을 사용하는 것이 좋습니다.
<a-entity light="type: ambient; color: #CCC"></a-entity>
방향
방향성 조명은 무한히 멀리 떨어져 있지만 태양과 같은 특정 방향에서 빛나는 광원과 같습니다. 따라서 절대 위치는 개체의 빛의 강도에 영향을주지 않습니다. 위치 구성 요소를 사용하여 방향을 지정할 수 있습니다.
아래 예제에서는 45도 각도로 왼쪽 위를 비추는 광원을 만듭니다. 벡터 만 중요하기 때문에 position = "- 100 100 0"및 position = "- 1 1 0"은 동일합니다.
<a-entity light="type: directional; color: #EEE; intensity: 0.5" position="-1 1 0"></a-entity>
우리는 그것이 지향하는 자식 엔티티를 생성함으로써 오리엔테이션과 함께 방향성 라이트의 방향을 지정할 수 있습니다. 예를 들어, -Z 축을 가리키는 :
<a-light type="directional" position="0 0 0" rotation="-90 0 0" target="#directionaltarget">
<a-entity id="directionaltarget" position="0 0 -1"></a-entity>
</a-light>
반구
반구형 라이트는 주변 광선과 비슷하지만 위의 두 가지 색상 (색상)과 아래의 색상 (groundColor)이 있습니다. 이것은 두 개의 별개의 조명 색상 (예 : 회색 하늘 아래 잔디밭)이있는 장면에 유용 할 수 있습니다.
<a-entity light="type: hemisphere; color: #33C; groundColor: #3C3; intensity: 2"></a-entity>
재산 | 기술 | 기본값 |
---|---|---|
그라운드 컬러 | 아래에서 밝은 색상. | #fff |
포인트
점 광원은 지향성 조명과 달리 전 방향성이며 위치와 거리에 따라 재질에 영향을줍니다. 포인트 좋아하는 전구 같습니다. 전구가 물체에 가까울수록 물체가 크게 켜집니다.
<a-entity light="type: point; intensity: 0.75; distance: 50; decay: 2"
position="0 10 10"></a-entity>
재산 | 기술 | 기본값 |
---|---|---|
부식 | 빛의 거리에 따라 빛이 어둡게 나타납니다. | 1.0 |
거리 | 강도가 0이되는 거리. 거리가 0이면 점 광원이 거리에 따라 감쇠하지 않습니다. | 0.0 |
자리
스폿 라이트는 점등과 비슷하지만 스폿 라이트는 위치 및 거리에 따라 재료에 영향을 미치지 만 스팟 라이트는 무 지향성이 아닙니다. 그들은 주로 Bat-Signal처럼 한 방향으로 빛을 내고 있습니다.
<a-entity light="type: spot; angle: 45"></a-entity>
재산 | 기술 | 기본값 |
---|---|---|
각도 | 방향으로부터의 스포트 라이트의 최대 범위 (도 단위). | 60 |
부식 | 빛의 거리에 따라 빛이 어둡게 나타납니다. | 1.0 |
거리 | 강도가 0이되는 거리. 거리가 0이면 점 광원이 거리에 따라 감쇠하지 않습니다. | 0.0 |
반음기 | 반감기로 인해 약화되는 스포트라이트 원뿔의 비율입니다. | 0.0 |
목표 | 그 지점이 가리켜 야 할 요소. 방향으로 스폿 라이트를 변환하려면 null로 설정하고, -Z 축을 가리키면됩니다. | 없는 |
기본 조명
기본적으로 A 프레임 장면은 기본 조명, 주변 광선 및 지향성 광선을 주입합니다. 이러한 기본 표시등은 data-aframe-default-light 속성을 사용하여 DOM에 표시됩니다. 조명을 추가 할 때마다 A- 프레임은 장면의 기본 조명을 제거합니다.
<!-- Default lighting injected by A-Frame. -->
<a-entity light="type: ambient; color: #BBB"></a-entity>
<a-entity light="type: directional; color: #FFF; intensity: 0.6" position="-0.5 1 1"></a-entity>