Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

XRLightEstimate: Eigenschaft primaryLightDirection

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Want more browser support for this feature? Tell us why.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Die schreibgeschützte primaryLightDirection-Eigenschaft des XRLightEstimate-Interfaces liefert ein DOMPointReadOnly, das die Richtung zur primären Lichtquelle vom probeSpace eines XRLightProbe darstellt.

Wert

Ein DOMPointReadOnly-Objekt. Wenn keine geschätzten Werte aus der Umgebung des Benutzers verfügbar sind, wird der Punkt { x: 0.0, y: 1.0, z: 0.0, w: 0.0 } sein, was ein Licht darstellt, das direkt von oben nach unten scheint.

Beispiele

Innerhalb einer XRFrame-Schleife können Sie die Eigenschaften primaryLightDirection und primaryLightIntensity verwenden, um zum Beispiel Schatten basierend auf der dominanten Lichtquelle zu rendern.

js
const lightProbe = await xrSession.requestLightProbe();

// frame loop
function onXRFrame(time, xrFrame) {
  let lightEstimate = xrFrame.getLightEstimate(lightProbe);

  // Render lights

  // Available properties
  lightEstimate.primaryLightDirection;
  lightEstimate.primaryLightIntensity;
}

Spezifikationen

Spezifikation
WebXR Lighting Estimation API Level 1
# dom-xrlightestimate-primarylightdirection

Browser-Kompatibilität

Siehe auch