function sanitizeHex(val) { var result = '' + val.toString(16); if (result.length === 1) { result = '0' + result; } return result; } function getRGB(colour) { var R = parseInt(colour.substring(1,3),16); var G = parseInt(colour.substring(3,5),16); var B = parseInt(colour.substring(5,7),16); return { 'r': R, 'g': G, 'b': B }; } // Tints or shades the specified colour by the specified percentage. // If the percentage is negative, the colour will be darkened. // // colour must be a 6-digit hex code starting with a pound sign such as '#ffffff'. // Adapted from an answer at: // https://stackoverflow.com/questions/5560248/programmatically-lighten-or-darken-a-hex-color-or-rgb-and-blend-colors function shadeColour(colour, percent) { // Get the red, green, and blue components out of the colour. var c = getRGB(colour); var R = c.r; var G = c.g; var B = c.b; R = parseInt(R * (100 + percent) / 100); G = parseInt(G * (100 + percent) / 100); B = parseInt(B * (100 + percent) / 100); R = Math.min(255, R); G = Math.min(255, G); B = Math.min(255, B); var RR = sanitizeHex(R); var GG = sanitizeHex(G); var BB = sanitizeHex(B); return "#"+RR+GG+BB; } function getTransparentColour(c) { var rgb = getRGB(c); return 'rgba(' + rgb.r + ',' + rgb.g + ',' + rgb.b + ',0)'; } function init() { var w, h; var pupilColour = '#000'; var irisBackgroundColour; var eyeColour1; var eyeColour2; var eyeColour3; var skinColour; var eyebrowHairCount; var hairColour; var irisRadiusCoefficient = 1; var eyelidOpennessCoefficient = 0.01; var eyelidOpenness = 1; var blinkingState = 0; var isLeftEye = false; var veinOpacity = 0.5; var pupilDilationRatio = 0.5; var introAnimationIsOver = false; var tearVolumeOnLowerEyelid = 0; var tearDrops = []; var ethnicities = [ { 'name': 'North European', 'eyeColour1': '#08f', 'eyeColour2': '#8ef', 'eyeColour3': '#bbf8ff', 'irisBackgroundColour': '#006', 'eyelidOpennessCoefficient': 1, 'hairColour': '#883300', 'skinColour': '#c3a3a0', 'eyebrowHairCount': 120 }, { 'name': 'West African', 'eyeColour1': '#830', 'eyeColour2': '#640', 'eyeColour3': '#aa0', 'irisBackgroundColour': '#200', 'eyelidOpennessCoefficient': 1, 'hairColour': '#221100', 'skinColour': '#936360', 'eyebrowHairCount': 150 }, { 'name': 'North East Asian', 'eyeColour1': '#730', 'eyeColour2': '#640', 'eyeColour3': '#980', 'irisBackgroundColour': '#200', 'eyelidOpennessCoefficient': 0.9, 'hairColour': '#110000', 'skinColour': '#c3a8a0', 'eyebrowHairCount': 110 } ]; var eyeColours = [ { 'name': 'Blue', 'eyeColour1': '#08f', 'eyeColour2': '#8ef', 'eyeColour3': '#bbf8ff', 'irisBackgroundColour': '#006', }, { 'name': 'Green', 'eyeColour1': '#080', 'eyeColour2': '#de8', 'eyeColour3': '#bbf8dd', 'irisBackgroundColour': '#056', }, { 'name': 'Brown', 'eyeColour1': '#830', 'eyeColour2': '#640', 'eyeColour3': '#aa0', 'irisBackgroundColour': '#200' }, { 'name': 'Dark Brown', 'eyeColour1': '#620', 'eyeColour2': '#520', 'eyeColour3': '#880', 'irisBackgroundColour': '#000' } ]; function addEyeColoursToSettings() { eyeColours.forEach(function(eyeColour) { var $button = $('

👀 Eye Poke Simulator