XR8.Babylonjs.faceCameraBehavior()

XR8.Babylonjs.faceCameraBehavior(config, faceConfig)

Beschreibung

Schafft ein Verhalten, das an eine Babylon-Kamera angehängt werden kann, wie folgt: camera.addBehavior(XR8.Babylonjs.faceCameraBehavior())

Parameter

Parameter	Beschreibung
config [Optional]	Konfigurationsparameter zur Übergabe an XR8.run()
faceConfig [Optional]	Gesichtskonfigurationsparameter zur Übergabe an XR8.FaceController

config [Optional] ist ein Objekt mit den folgenden Eigenschaften:

Eigentum	Typ	Standard	Beschreibung
webgl2 [Optional]	Boolesche	false	Bei Wahr verwenden Sie WebGL2, falls verfügbar, andernfalls wird auf WebGL1 zurückgegriffen. Wenn Falsch, verwenden Sie immer WebGL1.
ownRunLoop [Optional]	Boolesche	wahr	Wenn Wahr, sollte XR seine eigene Laufschleife verwenden. Wenn Falsch, stellen Sie Ihre eigene Laufschleife bereit und sind selbst für den Aufruf von runPreRender und runPostRender verantwortlich [Nur für fortgeschrittene Benutzer]
cameraConfig: {direction} [Optional]	Objekt	{direction: XR8.XrConfig.camera().BACK}	Zu verwendende Kamera. Unterstützte Werte für Richtung sind XR8.XrConfig.camera().BACK oder XR8.XrConfig.camera().FRONT
glContextConfig [Optional]	WebGLContextAttribute	null	Die Attribute zur Konfiguration des WebGL-Canvas-Kontextes.
allowedDevices [Optional]	XR8.XrConfig.device()	XR8.XrConfig.device().MOBILE	Geben Sie die Klasse der Geräte an, auf denen die Pipeline laufen soll. Wenn das aktuelle Gerät nicht zu dieser Klasse gehört, schlägt die Ausführung vor dem Öffnen der Kamera fehl. Wenn allowedDevices XR8.XrConfig.device().ANY ist, öffnen Sie immer die Kamera. Beachten Sie, dass die Weltverfolgung nur mit XR8.XrConfig.device().MOBILE verwendet werden kann.

faceConfig [Optional] ist ein Objekt mit den folgenden Eigenschaften:

Parameter	Beschreibung
nearClip [Optional]	Die Entfernung der nahen Clipebene von der Kamera. Standardmäßig wird das Babylon camera.minZ verwendet
farClip [Optional]	Die Entfernung der entfernten Clipebene von der Kamera. Standardmäßig wird das Babylon camera.maxZ verwendet
meshGeometry [Optional]	Liste, die enthält, welche Teile der Kopfgeometrie sichtbar sind. Die Optionen sind: [XR8.FaceController.MeshGeometry.FACE, XR8.FaceController.MeshGeometry.EYES, XR8.FaceController.MeshGeometry.MOUTH, XR8.FaceController.MeshGeometry.IRIS]. Die Standardeinstellung ist [XR8.FaceController.MeshGeometry.FACE]
maxDetections [Optional]	Die maximale Anzahl der zu erkennenden Gesichter. Sie haben die Wahl zwischen 1, 2 und 3. Die Standardeinstellung ist 1.
uvType [Optional]	Legt fest, welche Uvs im Facescanning- und Faceloading-Ereignis zurückgegeben werden. Die Optionen sind: [XR8.FaceController.UvType.STANDARD, XR8.FaceController.UvType.PROJECTED]. Die Standardeinstellung ist [XR8.FaceController.UvType.STANDARD].
leftHandedAxes [Optional]	Wenn wahr, verwenden Sie linkshändige Koordinaten.
imageTargets [Optional]	Wenn wahr, spiegeln Sie in der Ausgabe links und rechts.

Returns

Ein Babylon JS-Verhalten, das die Face Effects-Engine mit der Babylon-Kamera verbindet und den Kamera-Feed und die Verfolgung startet.

Beispiel

const startScene = (canvas) => {
  const engine = new BABYLON.Engine(canvas, true /* antialias */)
  const scene = new BABYLON.Scene(engine)
  scene.useRightHandedSystem = false

  const camera = new BABYLON.FreeCamera('camera', new BABYLON.Vector3(0, 0, 0), scene)
  camera.rotation = new BABYLON.Vector3(0, scene.useRightHandedSystem ? Math.PI : 0, 0)
  camera.minZ = 0.0001
  camera.maxZ = 10000

  // Hinzufügen eines Lichts zur Szene
  const directionalLight =
  new BABYLON.DirectionalLight("DirectionalLight", new BABYLON.Vector3(-5, -10, 7), scene)
  directionalLight.intensity = 0.5

  // Mesh-Logik
  const faceMesh = new BABYLON.Mesh("face", scene);
  const material = new BABYLON.StandardMaterial("boxMaterial", scene)
  material.diffuseColor = new BABYLON.Color3(173 / 255.0, 80 / 255.0, 255 / 255.0)
  faceMesh.material = material

  let facePoints = []

  const runConfig = {
    cameraConfig: {XR8.XrConfig.camera().FRONT},
    allowedDevices: XR8.XrConfig.device().ANY,
    verbose: true,
  }

  camera.addBehavior(XR8.Babylonjs.faceCameraBehavior(runConfig)) // Verbinden Sie die Kamera mit XR und zeigen Sie den Kamera-Feed an.

  engine.runRenderLoop(() => {
    scene.render()
  })
}