Skip to content

HeadFitPlugin

Plugin assigning head pose to a scene node

Plugin attaches provided scene node to the head. Pose of the node (translation + rotation + scale) continuously updates according to pose estimation by @geenee/bodyprocessors!FaceProcessor. Children nodes inherently include this transform. The node can be seen as a virtual placeholder for real object. It’s recommended to attach top-level nodes that don’t include transforms relative to parent, otherwise head transform that is a pose in the world frame will be applied on top of them (will be treated as relative instead of absolute). Optionally anisotropic fine-tuning of the scale can be applied. In this case model will additionally adapt to shape of the face. If face isn’t detected by FaceProcessor plugin recursively hides the node. One of approaches to accurately align meshes with a face/head when modeling a scene is to make them children of one node at the origin and set their relative transforms using face/head base mesh as the reference, then instantiate HeadFitPlugin for this scene node. You can also apply relative transforms of children of the head-attached parent node programmatically. It’s useful to add occluder model (base mesh of a head) as a child of the node. Another possible but less scalable approach is to have all meshes be built relative to the origin and aligned with the base mesh of face/head, in this case you can create HeadFitPlugin for each mesh. This can be handy when parts are stored separately.

new HeadFitPlugin(shapeScale): HeadFitPlugin

Constructor

boolean = false

Tune scale according to shape of the face

HeadFitPlugin

ThreePlugin.constructor

loaded: boolean

Loaded state

ThreePlugin.loaded


protected optional node: Object3D<Object3DEventMap>

Attached scene node


ordinal: number

Ordinal number

ThreePlugin.ordinal


protected optional renderer: Renderer<FaceResult>

Renderer loaded the plugin

ThreePlugin.renderer


protected optional scene: Scene

Reference to a scene instance

ThreePlugin.scene


protected shapeScale: boolean = false

Tune scale according to shape of the face

dispose(): void

Dispose video plugin

void

ThreePlugin.dispose


load(renderer): Promise<void>

Initialize plugin

Prepares or modifies the attached node if required. Reference to the scene object is cached and used by plugin on update() and unload(). You need to reload plugin if you want to change scene it’s attached to.

Renderer<FaceResult>

Renderer this plugin is attached to

Promise<void>

Promise resolving when initialization is finished

ThreePlugin.load


setNode(node?): void

Set/attach a scene node

Object3D<Object3DEventMap>

Scene node to attach

void


setupCamera(ratio, angle): void

Set camera parameters

Could be overridden to adjust plugin’s pipeline.

number

Aspect ration of input video

number

Vertical field of view in radians

void

ThreePlugin.setupCamera


setupVideo(size): void

Set video size

Could be overridden to adjust plugin’s pipeline.

Size

Resolution of input video

void

ThreePlugin.setupVideo


unload(): void

Reset plugin

Releases all resources allocated in load(). Deletes cached reference to the scene object.

void

ThreePlugin.unload


update(result, stream): Promise<void>

Update pose of the node

Updates node’s transform (translation+rotation+scale) according to the pose estimated by @geenee/bodyprocessors!FaceProcessor. If face isn’t detected plugin recursively hides the attached node.

FaceResult

Results of video processing

HTMLCanvasElement

Captured video frame

Promise<void>

Promise resolving when update is finished

ThreePlugin.update