@memori.ai/memori-react/esm/components/Avatar/AvatarView/utils/useHeadMovement.js

[](https://www.npmjs.com/package/@memori.ai/memori-react)  ![TypeScript Support](https

import { Vector2 } from 'three';
import { useEffect } from 'react';
import { lerp, mapRange } from './utils';
import { useFrame, useThree } from '@react-three/fiber';
const rad = Math.PI / 180;
let reset = false;
let timeout;
const targetPos = new Vector2(0, 0);
const currentPos = new Vector2(0, 0);
const setResetTrue = () => {
    timeout = setTimeout(() => {
        reset = true;
    }, 1000);
};
const setResetFalse = () => {
    clearTimeout(timeout);
    reset = false;
};
export default function useHeadMovement(enabled, nodes) {
    const { gl } = useThree();
    useEffect(() => {
        if (!enabled)
            return;
        gl.domElement.addEventListener('mouseleave', setResetTrue);
        gl.domElement.addEventListener('mouseenter', setResetFalse);
        return () => {
            gl.domElement.removeEventListener('mouseleave', setResetTrue);
            gl.domElement.removeEventListener('mouseenter', setResetFalse);
        };
    }, [gl.domElement, enabled]);
    useFrame(state => {
        if (!enabled || !(nodes === null || nodes === void 0 ? void 0 : nodes.Neck) || !(nodes === null || nodes === void 0 ? void 0 : nodes.Head))
            return;
        const cameraRotation = Math.abs(state.camera.rotation.z);
        if (!reset && cameraRotation < 0.2) {
            targetPos.x = mapRange(state.mouse.y, -1, 1, 5 * rad, -5 * rad);
            targetPos.y = mapRange(state.mouse.x, -1, 1, -10 * rad, 10 * rad);
        }
        else {
            targetPos.set(0, 0);
        }
        currentPos.x = lerp(currentPos.x, targetPos.x);
        currentPos.y = lerp(currentPos.y, targetPos.y);
        nodes.Neck.rotation.x = currentPos.x + 0.1;
        nodes.Neck.rotation.y = currentPos.y;
        nodes.Head.rotation.x = currentPos.x * 2;
        nodes.Head.rotation.y = currentPos.y * 2;
    });
}
//# sourceMappingURL=useHeadMovement.js.map