emotiondetect.js

/**
 * Coded by Anuradha Wickramarachchi
 */
/*-Initializing timer-*/
var t = new Date();
/*--Initializing variables--*/
var eyedistance = 0; // for scaling the emotion detection
var initeyedistance = -1; // for scaling the initial eyedistance
var mouthGap = -1; // check if surprised
var eyeBrowHeight = -1; //
var mouthWidth = -1; // check if happy
var eyelidgap = -1; // check if sleepy
/*--Initializing variables--*/
var modalOpen = false;

function detect(positions) {
    // Initializing base variables
    var x1, y1, x2, y2, x3, x4, y3, y4, correctionFactor;
    /*
     * All the measurements will be considered after correcting with the ratio current eyedistance/initeyedistance
     * This will avoid the confusion caused by the change in distance from the computer camera
     * */
    // Initializing the scaling factor
    x1 = positions[27][0];
    y1 = positions[27][1];
    x2 = positions[32][0];
    y2 = positions[32][1];
    eyedistance = Math.sqrt(Math.pow(y1 - y2, 2) + Math.pow(x1 - x2, 2));
    if (initeyedistance == -1) {
        initeyedistance = eyedistance;
    }
    correctionFactor = initeyedistance / eyedistance;
    // Detecting surprise
    x1 = positions[60][0];
    y1 = positions[60][1];
    x2 = positions[57][0];
    y2 = positions[57][1];
    if (mouthGap == -1) {
        mouthGap = Math.sqrt(Math.pow(y1 - y2, 2) + Math.pow(x1 - x2, 2));
    }
    if (mouthGap < Math.sqrt(Math.pow(y1 - y2, 2) + Math.pow(x1 - x2, 2)) * correctionFactor) {
        document.getElementById("surprised").innerHTML = "Surprised";
    } else {
        document.getElementById("surprised").innerHTML = "Not so Surprised";
    }
    // Detect boring
    if (2 * mouthGap < Math.sqrt(Math.pow(y1 - y2, 2) + Math.pow(x1 - x2, 2)) * correctionFactor) {
        document.getElementById("bored").innerHTML = "Bored";
    } else {
        document.getElementById("bored").innerHTML = "Not so bored";
    }

    // Detecting smile
    x1 = positions[44][0];
    y1 = positions[44][1];
    x2 = positions[50][0];
    y2 = positions[50][1];
    if (mouthWidth == -1) {
        mouthWidth = Math.sqrt(Math.pow(y1 - y2, 2) + Math.pow(x1 - x2, 2));
    }
    if (mouthWidth < Math.sqrt(Math.pow(y1 - y2, 2) + Math.pow(x1 - x2, 2) * correctionFactor)
            ) {
        document.getElementById("happy").innerHTML = "Happy";
    }
    else {
        document.getElementById("happy").innerHTML = "Not so happy";
    }
    // Detect sleepy
    x1 = positions[24][0];
    y1 = positions[24][1];
    x2 = positions[26][0];
    y2 = positions[26][1];
    if (eyelidgap == -1) {
        eyelidgap = Math.sqrt(Math.pow(y1 - y2, 2) + Math.pow(x1 - x2, 2));
    }
    if (eyelidgap * 0.9 > Math.sqrt(Math.pow(y1 - y2, 2) + Math.pow(x1 - x2, 2)) * correctionFactor) {
        document.getElementById("sleepy").innerHTML = "Sleepy";
    }
    else {
        document.getElementById("sleepy").innerHTML = "Not so sleepy";
    }
    // Detect confusion
    x1 = positions[24][0];
    y1 = positions[24][1];
    x2 = positions[21][0];
    y2 = positions[21][1];
    if (eyeBrowHeight == -1) {
        eyeBrowHeight = Math.sqrt(Math.pow(y1 - y2, 2) + Math.pow(x1 - x2, 2));
    }
    if (eyeBrowHeight > Math.sqrt(Math.pow(y1 - y2, 2) + Math.pow(x1 - x2, 2)) * correctionFactor) {
        document.getElementById("confused").innerHTML = "Confusing";
        $(function () {
            if (!modalOpen) {
                //$("#myModal").modal("show");
                modalOpen = true;
            }
        });
    }
    else {
        document.getElementById("confused").innerHTML = "Not so confusing";
    }

}
// Detecting the inclination of the face for changing slides
var lx, ly, rx, ry;// cordinates of eyes
var m; // gradient of the head
var tolarance = 0.08;
var rightAl = false;
var leftAl = true;
function slide(positions) {
    lx = positions[27][0];
    ly = positions[27][1];
    rx = positions[32][0];
    ry = positions[32][1];
    m = (ly - ry) / (lx - rx);
    document.getElementById("incline").innerHTML = "";
    if (m < 0 && Math.abs(m) > tolarance) {
        //turning right
        document.getElementById("incline").innerHTML = "Right" + m;
        rightAl = true;
    } else if (m > 0 && Math.abs(m) > tolarance) {
        //turning left
        document.getElementById("incline").innerHTML = "Left" + m;

        leftAl = true;
    } else {
        // if the position comes below the tolerance
        // from right inclination
        if (rightAl) {
            //alert("right");        
            next();

            // perform right slide
        } else if (leftAl) {
            // perform left slide
            prev();
        }
        leftAl = false;
        rightAl = false;
    }
}

// Detecting the scrolling notion of the user
var nx, ny;// cordinates of nose upper
var nx2, ny2;// cordinates of nose lower
var initnosedistance = -1; // initial height of the nose
var moveup = false;
var movedown = false;
var scrol_time = t.getTime();
function scroll(positions) {
    // Update the initial nodes periodically
    if (t.getTime() > scrol_time + 5000) {
        scrol_time = t.getTime();
        nx = positions[33][0];
        ny = positions[33][1];
        nx2 = positions[62][0];
        ny2 = positions[62][1];
        initnosedistance = Math.sqrt(Math.pow(ny - ny2, 2) + Math.pow(nx - nx2, 2));
        movedown = false;
        moveup = false;
    }
    if (initnosedistance == -1) {
        // taking the initial nose point
        // initializing the face height (Height of the nose)
        nx = positions[33][0];
        ny = positions[33][1];
        nx2 = positions[62][0];
        ny2 = positions[62][1];
        initnosedistance = Math.sqrt(Math.pow(ny - ny2, 2) + Math.pow(nx - nx2, 2));
    }
    // detecting the changes
    // if the nose deviates 10% keep track of the direction
    // once the nose reaches the initial position update the nose point so that the scrolling is consistent
    var currentNoseDist = Math.sqrt(Math.pow(positions[62][1] - ny, 2) + Math.pow(positions[62][0] - nx, 2));
    document.getElementById("scroll").innerHTML = "";
    if (currentNoseDist > initnosedistance * 1.5) {
        movedown = true;
        document.getElementById("scroll").innerHTML = "Down";
    } else if (currentNoseDist < initnosedistance * 0.5) {
        document.getElementById("scroll").innerHTML = "UP";
        moveup = true;
    } else {
        if (movedown) {
            // scroll down
            scrollWindow(2);
        } else if (moveup) {
            scrollWindow(1);
            // scroll up
        }
        moveup = false;
        movedown = false;
    }
    //document.getElementById("incline").innerHTML = "";

}