aframe
licht (component)
Zoeken…
Invoering
De lichtcomponent definieert de entiteit als een lichtbron. Licht beïnvloedt alle materialen waarvoor geen vlak arcering met shader is opgegeven: plat. Merk op dat lichten rekenkundig duur zijn, we moeten het aantal lichten in een scène beperken.
Syntaxis
- <a-entity light = "kleur: #AFA; intensiteit: 1.5" position = "- 1 1 0"> </a-entity>
- <a-light type = "point" color = "blue" position = "0 5 0"> </a-light>
parameters
| parameters | Details |
|---|---|
| type | Een van ambient, directionele, halfrond, punt, plek. |
| kleur | Lichte kleur. |
| intensiteit | Lichte sterkte. |
omringend
Omgevingslichten beïnvloeden wereldwijd alle entiteiten in de scène. De kleur- en intensiteitseigenschappen bepalen omgevingslicht. Bovendien hebben positie, rotatie en schaal geen effect op omgevingslicht.
We raden aan om een vorm van omgevingslicht te hebben zodat schaduwpartijen niet volledig zwart zijn en indirecte verlichting na te bootsen.
<a-entity light="type: ambient; color: #CCC"></a-entity>
richting
Directionele lichten zijn als een lichtbron die oneindig ver weg is, maar schijnt vanuit een specifieke richting, zoals de zon. Aldus heeft absolute positie geen effect op de intensiteit van het licht op een entiteit. We kunnen de richting specificeren met behulp van de positiecomponent.
Het onderstaande voorbeeld creëert een lichtbron die vanuit de linkerbovenhoek onder een hoek van 45 graden schijnt. Merk op dat omdat alleen de vector ertoe doet, position = "- 100 100 0" en position = "- 1 1 0" hetzelfde zijn.
<a-entity light="type: directional; color: #EEE; intensity: 0.5" position="-1 1 0"></a-entity>
We kunnen de richting van het gerichte licht met zijn oriëntatie specificeren door een onderliggende entiteit te creëren waarop het gericht is. Bijvoorbeeld wijzend op zijn -Z-as:
<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>
Halfrond
Halfrond lichten zijn als een omgevingslicht, maar met twee verschillende kleuren, een van boven (kleur) en een van onder (grondkleur). Dit kan handig zijn voor scènes met twee verschillende lichtkleuren (bijvoorbeeld een grasveld onder een grijze lucht).
<a-entity light="type: hemisphere; color: #33C; groundColor: #3C3; intensity: 2"></a-entity>
| Eigendom | Beschrijving | Standaardwaarde |
|---|---|---|
| grondkleur | Lichte kleur van onderen. | #fff |
Punt
Puntlichten, in tegenstelling tot gerichte lichten, zijn omni-directioneel en beïnvloeden materialen afhankelijk van hun positie en afstand. Punt likes zijn zoals gloeilampen. Hoe dichter de lamp bij een object komt, hoe groter het object wordt verlicht.
<a-entity light="type: point; intensity: 0.75; distance: 50; decay: 2"
position="0 10 10"></a-entity>
| Eigendom | Beschrijving | Standaardwaarde |
|---|---|---|
| verval | Bedrag het licht dimt over de afstand van het licht. | 1.0 |
| afstand | Afstand waar intensiteit 0 wordt. Als afstand 0 is, dan vervalt het puntlicht niet met afstand. | 0.0 |
Plek
Spotlichten zijn net puntlichten in die zin dat ze materialen beïnvloeden afhankelijk van de positie en afstand, maar spotlichten zijn niet omni-directioneel. Ze werpen voornamelijk licht in één richting, zoals het Bat-signaal.
<a-entity light="type: spot; angle: 45"></a-entity>
| Eigendom | Beschrijving | Standaardwaarde |
|---|---|---|
| hoek | Maximale mate van spotlicht vanuit de richting (in graden). | 60 |
| verval | Bedrag het licht dimt over de afstand van het licht. | 1.0 |
| afstand | Afstand waar intensiteit 0 wordt. Als afstand 0 is, dan vervalt het puntlicht niet met afstand. | 0.0 |
| penumbra | Procent van de spotlichtkegel die is verzwakt door penumbra. | 0.0 |
| doelwit | element waarnaar de plek moet wijzen. ingesteld op nul om de spotlight per oriëntatie te transformeren, wijzend naar de -Z-as. | nul |
Standaard verlichting
Standaard bieden A-Frame-scènes standaardverlichting, omgevingslicht en gericht licht. Deze standaardlichten zijn zichtbaar in de DOM met het kenmerk data-aframe-default-light. Wanneer we lichten toevoegen, verwijdert A-Frame de standaardlichten uit de scène.
<!-- 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>