aframe
światło (komponent)
Szukaj…
Wprowadzenie
Składnik światła definiuje byt jako źródło światła. Światło wpływa na wszystkie materiały, które nie określiły płaskiego modelu cieniowania za pomocą modułu cieniującego: płaskiego. Zauważ, że światła są drogie obliczeniowo, powinniśmy ograniczyć liczbę świateł w scenie.
Składnia
- <a-byt light = "kolor: #AFA; intensywność: 1,5" position = "- 1 1 0"> </a-entity>
- <a-light type = "point" color = "blue" position = "0 5 0"> </a-light>
Parametry
| Parametry | Detale |
|---|---|
| rodzaj | Jeden z otoczenia, kierunkowy, półkula, punkt, punkt. |
| kolor | Jasny kolor. |
| intensywność | Lekka wytrzymałość. |
Otaczający
Światła otoczenia globalnie wpływają na wszystkie byty na scenie. Właściwości koloru i intensywności określają oświetlenie otoczenia. Ponadto położenie, obrót i skala nie mają wpływu na oświetlenie otoczenia.
Zalecamy, aby mieć jakąś formę światła otoczenia, tak aby zacienione obszary nie były całkowicie czarne i naśladować oświetlenie pośrednie.
<a-entity light="type: ambient; color: #CCC"></a-entity>
Kierunkowy
Kierunkowe światła są jak źródło światła, które jest nieskończenie daleko, ale świeci z określonego kierunku, jak słońce. Zatem pozycja absolutna nie ma wpływu na intensywność światła na bycie. Możemy określić kierunek za pomocą komponentu pozycji.
Poniższy przykład tworzy źródło światła świecące od lewego górnego rogu pod kątem 45 stopni. Zauważ, że ponieważ liczy się tylko wektor, pozycja = "- 100 100 0" i pozycja = "- 1 1 0" są takie same.
<a-entity light="type: directional; color: #EEE; intensity: 0.5" position="-1 1 0"></a-entity>
Możemy określić kierunek światła kierunkowego wraz z jego orientacją, tworząc encję potomną, na którą celuje. Na przykład skierowanie w dół jego osi -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>
Półkula
Światła półkuli są jak światło otoczenia, ale mają dwa różne kolory, jeden z góry (kolor) i jeden z dołu (groundColor). Może to być przydatne w przypadku scen o dwóch różnych kolorach oświetlenia (np. Trawiastym polu pod szarym niebem).
<a-entity light="type: hemisphere; color: #33C; groundColor: #3C3; intensity: 2"></a-entity>
| własność | Opis | Domyślna wartość |
|---|---|---|
| groundColor | Jasny kolor od dołu. | #fff |
Punkt
Światła punktowe, w przeciwieństwie do lamp kierunkowych, są wielokierunkowe i wpływają na materiały w zależności od ich położenia i odległości. Punktowe lajki są jak żarówka. Im bardziej żarówka zbliża się do obiektu, tym silniejszy obiekt jest oświetlony.
<a-entity light="type: point; intensity: 0.75; distance: 50; decay: 2"
position="0 10 10"></a-entity>
| własność | Opis | Domyślna wartość |
|---|---|---|
| rozkład | Suma światła przygasa wzdłuż odległości światła. | 1.0 |
| dystans | Odległość, w której natężenie staje się 0. Jeśli odległość wynosi 0, światło punktowe nie zanika wraz z odległością. | 0,0 |
Miejsce
Światła punktowe są jak światła punktowe w tym sensie, że wpływają na materiały w zależności od jego położenia i odległości, ale światła punktowe nie są wielokierunkowe. Rzucają głównie światło w jednym kierunku, jak sygnał nietoperza.
<a-entity light="type: spot; angle: 45"></a-entity>
| własność | Opis | Domyślna wartość |
|---|---|---|
| kąt | Maksymalny zasięg światła punktowego z jego kierunku (w stopniach). | 60 |
| rozkład | Suma światła przygasa wzdłuż odległości światła. | 1.0 |
| dystans | Odległość, w której natężenie staje się 0. Jeśli odległość wynosi 0, światło punktowe nie zanika wraz z odległością. | 0,0 |
| półcień | Procent stożka reflektora osłabionego z powodu półcienia. | 0,0 |
| cel | element, na który punkt powinien wskazywać. ustawiono na null, aby przekształcić światło punktowe przez orientację, wskazując na jego oś -Z. | zero |
Domyślne oświetlenie
Domyślnie sceny z ramką A wprowadzają domyślne oświetlenie, światło otoczenia i światło kierunkowe. Te domyślne światła są widoczne w DOM z atrybutem data-aframe-default-light. Ilekroć dodamy jakieś światła, A-Frame usuwa domyślne światła ze sceny.
<!-- 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>