Hello Community
I’m working with Babylon.js and Mediapipe pose detection in React.js and I have a problem show poses in Babylon.js.
initial Babylon.js scene
const initScene= ()=> {
engine = new Engine(canvasRef.current, true, { preserveDrawingBuffer: true, stencil: true });
// This creates a basic Babylon Scene object (non-mesh)
scene = new Scene(engine);
scene.clearColor= new Color4(0,0,0,0)
// This creates and positions a free camera (non-mesh)
camera = new FreeCamera('camera1', new Vector3(0, 0, -1), scene);
// This attaches the camera to the canvas
camera.attachControl(canvasRef.current, true);
const light = new HemisphericLight('light1', new Vector3(0, 1, 0), scene);
light.intensity = 0.7;
rightSholder = MeshBuilder.CreateBox("rightSholder", {size:0.5}, scene);
}
In detection results, I want to change position of Mesh
const onResults=(results:any)=> {
if (results.poseLandmarks) {
const rightSholderTrk = new Vector3(results.poseLandmarks[12].x, results.poseLandmarks[12].y , 1)
rightSholder.position = rightSholderTrk;
}
}