Stable Head Angle Value

Hello, For a very large projects, i have to implement headtracking where the elements on the right & left side of the screen will become active if the user look at them(turn their head).

I implemented your code, but i have problem with returned event.angle. The "event.angle" is not accurate. for example i can't say that: if event.angle = 1.5 (user is looking at center of screen) if event.angle > 1.6 (user is looking at the right side) if event.angle < 1.4 (user is looking at the left side)

now sometimes event.angle return 1.5 when you are looking at the center of the screen and other times 1.7 etc. so i can't tell where the user is looking.

Do you have any solution for this please?

My code:

htracker = new headtrackr.Tracker({
        altVideo: {
            ogv: "./media/capture5.ogv",
            mp4: "./media/capture5.mp4"
        },
        calcAngles: true,
        ui: false,
        headPosition: false,
        debug: debugOverlay
    });
    htracker.init(videoInput, canvasInput);
    htracker.start();

document.addEventListener("facetrackingEvent", function (event) {

    if (event.angle < 1.58) {
        document.getElementById('female').style.color = "red";
        document.getElementById('male').style.color = "#5f6a72";
        console.log('left');

    } else if (event.angle > 1.62) {
        document.getElementById('female').style.color = "#5f6a72";
        document.getElementById('male').style.color = "red";
        console.log('right');

    } else {
        console.log('center');
    }

});

auduno / headtrackr

Stable Head Angle Value #43