use strict";var we,l=(we="undefined"!=typeof document&&document.currentScript?document.currentScript.src:undefined,function(e){var t,d=void 0!==(e=e||{})?e:{},r={};for(t in d)d.hasOwnProperty(t)&&(r[t]=d[t]);d.arguments=[],d.thisProgram="./this.program",d.quit=function(e,t){throw t},d.preRun=[];var m,n,i,p=d.postRun=[];p="object"==typeof window,m="function"==typeof importScripts,n="object"==typeof process&&"function"==typeof require&&!p&&!m,i=!p&&!n&&!m;var o,a,s="";function g(e){return d.locateFile?d.locateFile(e,s):s+e}n?(s=__dirname+"/",d.read=function(e,t){var r;return o||(o=require("fs")),a||(a=require("path")),e=a.normalize(e),r=o.readFileSync(e),t?r:r.toString()},d.readBinary=function(e){var t=d.read(e,!0);return t.buffer||(t=new Uint8Array(t)),T(t.buffer),t},1>6,t[r++]=128|63&s}else if(s<=65535){if(o<=r+2)break;t[r++]=224|s>>12,t[r++]=128|s>>6&63,t[r++]=128|63&s}else if(s<=2097151){if(o<=r+3)break;t[r++]=240|s>>18,t[r++]=128|s>>12&63,t[r++]=128|s>>6&63,t[r++]=128|63&s}else if(s<=67108863){if(o<=r+4)break;t[r++]=248|s>>24,t[r++]=128|s>>18&63,t[r++]=128|s>>12&63,t[r++]=128|s>>6&63,t[r++]=128|63&s}else{if(o<=r+5)break;t[r++]=252|s>>30,t[r++]=128|s>>24&63,t[r++]=128|s>>18&63,t[r++]=128|s>>12&63,t[r++]=128|s>>6&63,t[r++]=128|63&s}}return t[r]=0,r-i}(e,R,t,r)}(e,t=re(r),r)}return t}},E={string:c.stringToC,array:c.arrayToC};function b(e,t,r,n,i){var o=f(e),a=[],s=0;if(n)for(var u=0;u>0],(0!=r||t)&&(i++,!t||i!=t););t||(t=i);var o="";if(n<128){for(var a;0>10,56320|1023&h)}else u+=String.fromCharCode((31&n)<<6|i);else u+=String.fromCharCode(n)}}function M(){d.HEAP8=y=new Int8Array(A),d.HEAP16=new Int16Array(A),d.HEAP32=P=new Int32Array(A),d.HEAPU8=R=new Uint8Array(A),d.HEAPU16=new Uint16Array(A),d.HEAPU32=new Uint32Array(A),d.HEAPF32=new Float32Array(A),d.HEAPF64=new Float64Array(A)}function B(){se("Cannot enlarge memory arrays. Either (1) compile with -s TOTAL_MEMORY=X with X higher than the current value "+L+", (2) compile with -s ALLOW_MEMORY_GROWTH=1 which allows increasing the size at runtime, or (3) if you want malloc to return NULL (0) instead of this abort, compile with -s ABORTING_MALLOC=0 ")}"undefined"!=typeof TextDecoder?new TextDecoder("utf-16le"):undefined,D=0;var N=d.TOTAL_STACK||5242880,L=d.TOTAL_MEMORY||16777216;function U(e){for(;0>2]},getStr:function(){return x(Q.get())},get64:function(){var e=Q.get(),t=Q.get();return T(0<=e?0===t:-1===t),e},getZero:function(){T(0===Q.get())}},Z={},J=1,$=22;S=function he(e){var t=D;return D=D+e+15&-16,t}(4),F=u((w=u(D))+N),P[S>>2]=F,d.wasmTableSize=4218,d.wasmMaxTableSize=4218,d.asmGlobalArg={},d.asmLibraryArg={abort:se,enlargeMemory:function ce(){B()},getTotalMemory:function le(){return L},abortOnCannotGrowMemory:B,___cxa_allocate_exception:function fe(e){return te(e)},___cxa_pure_virtual:function de(){throw h=!0,"Pure virtual function called!"},___cxa_throw:function me(e,t,r){throw K.infos[e]={ptr:e,adjusted:e,type:t,destructor:r,refcount:0,caught:!1,rethrown:!1},K.last=e,"uncaught_exception"in q?q.uncaught_exception++:q.uncaught_exception=1,e+" - Exception catching is disabled, this exception cannot be caught. Compile with -s DISABLE_EXCEPTION_CATCHING=0 or DISABLE_EXCEPTION_CATCHING=2 to catch."},___setErrNo:function pe(e){return d.___errno_location&&(P[d.___errno_location()>>2]=e),e},___syscall140:function ge(e,t){Q.varargs=t;try{var r=Q.getStreamFromFD(),n=(Q.get(),Q.get()),i=Q.get(),o=Q.get(),a=n;return FS.llseek(r,a,o),P[i>>2]=r.position,r.getdents&&0===a&&0===o&&(r.getdents=null),0}catch(s){return"undefined"!=typeof FS&&s instanceof FS.ErrnoError||se(s),-s.errno}},___syscall146:function _e(e,t){Q.varargs=t;try{var r=Q.get(),n=Q.get(),i=Q.get(),o=0;_e.buffers||(_e.buffers=[null,[],[]],_e.printChar=function(e,t){var r=_e.buffers[e];T(r),0===t||10===t?((1===e?l:_)(I(r,0)),r.length=0):r.push(t)});for(var a=0;a>2],u=P[n+(8*a+4)>>2],h=0;h>2]=J,Z[J]=0,J++,0)},_pthread_once:function ye(e,t){ye.seen||(ye.seen={}),e in ye.seen||(d.dynCall_v(t),ye.seen[e]=1)},_pthread_setspecific:function Re(e,t){return e in Z?(Z[e]=t,0):$},DYNAMICTOP_PTR:S,STACKTOP:w};var ee=d.asm(d.asmGlobalArg,d.asmLibraryArg,A);d.asm=ee,d.___errno_location=function(){return d.asm.___errno_location.apply(null,arguments)},d._computeArea=function(){return d.asm._computeArea.apply(null,arguments)},d._computeAverageSpeed=function(){return d.asm._computeAverageSpeed.apply(null,arguments)},d._computeEyeAverageSpeed=function(){return d.asm._computeEyeAverageSpeed.apply(null,arguments)},d._computeEyeVolume=function(){return d.asm._computeEyeVolume.apply(null,arguments)},d._computeQuality=function(){return d.asm._computeQuality.apply(null,arguments)},d._computeVolume=function(){return d.asm._computeVolume.apply(null,arguments)},d._getEarIndexCount=function(){return d.asm._getEarIndexCount.apply(null,arguments)},d._getEarIndices=function(){return d.asm._getEarIndices.apply(null,arguments)},d._getEarNormalData=function(){return d.asm._getEarNormalData.apply(null,arguments)},d._getEarPositionData=function(){return d.asm._getEarPositionData.apply(null,arguments)},d._getEarVertexCount=function(){return d.asm._getEarVertexCount.apply(null,arguments)},d._getEyeIndex=function(){return d.asm._getEyeIndex.apply(null,arguments)},d._getEyeIndexCount=function(){return d.asm._getEyeIndexCount.apply(null,arguments)},d._getEyeIndices=function(){return d.asm._getEyeIndices.apply(null,arguments)},d._getEyeNormalData=function(){return d.asm._getEyeNormalData.apply(null,arguments)},d._getEyePositionData=function(){return d.asm._getEyePositionData.apply(null,arguments)},d._getEyeVertexCount=function(){return d.asm._getEyeVertexCount.apply(null,arguments)},d._getFaceIndexCount=function(){return d.asm._getFaceIndexCount.apply(null,arguments)},d._getFaceIndexData=function(){return d.asm._getFaceIndexData.apply(null,arguments)},d._getFaceNormalData=function(){return d.asm._getFaceNormalData.apply(null,arguments)},d._getFacePositionData=function(){return d.asm._getFacePositionData.apply(null,arguments)},d._getFaceVertexCount=function(){return d.asm._getFaceVertexCount.apply(null,arguments)},d._getHairIndexCount=function(){return d.asm._getHairIndexCount.apply(null,arguments)},d._getHairIndexData=function(){return d.asm._getHairIndexData.apply(null,arguments)},d._getHairNormalData=function(){return d.asm._getHairNormalData.apply(null,arguments)},d._getHairPositionData=function(){return d.asm._getHairPositionData.apply(null,arguments)},d._getHairVertexCount=function(){return d.asm._getHairVertexCount.apply(null,arguments)},d._getHiddenTriangleCount=function(){return d.asm._getHiddenTriangleCount.apply(null,arguments)},d._getHiddenTriangles=function(){return d.asm._getHiddenTriangles.apply(null,arguments)},d._getMouthiness=function(){return d.asm._getMouthiness.apply(null,arguments)},d._getNoseIndexCount=function(){return d.asm._getNoseIndexCount.apply(null,arguments)},d._getNoseIndices=function(){return d.asm._getNoseIndices.apply(null,arguments)},d._getNoseNormalData=function(){return d.asm._getNoseNormalData.apply(null,arguments)},d._getNosePositionData=function(){return d.asm._getNosePositionData.apply(null,arguments)},d._getNoseVertexCount=function(){return d.asm._getNoseVertexCount.apply(null,arguments)},d._getWrinkleStrengths=function(){return d.asm._getWrinkleStrengths.apply(null,arguments)},d._hv_delete=function(){return d.asm._hv_delete.apply(null,arguments)},d._hv_facesynth_new=function(){return d.asm._hv_facesynth_new.apply(null,arguments)},d._hv_facesynth_new_with_options=function(){return d.asm._hv_facesynth_new_with_options.apply(null,arguments)},d._hv_getNumInputChannels=function(){return d.asm._hv_getNumInputChannels.apply(null,arguments)},d._hv_getNumOutputChannels=function(){return d.asm._hv_getNumOutputChannels.apply(null,arguments)},d._hv_msg_getByteSize=function(){return d.asm._hv_msg_getByteSize.apply(null,arguments)},d._hv_msg_getFloat=function(){return d.asm._hv_msg_getFloat.apply(null,arguments)},d._hv_msg_getTimestamp=function(){return d.asm._hv_msg_getTimestamp.apply(null,arguments)},d._hv_msg_hasFormat=function(){return d.asm._hv_msg_hasFormat.apply(null,arguments)},d._hv_msg_init=function(){return d.asm._hv_msg_init.apply(null,arguments)},d._hv_msg_setFloat=function(){return d.asm._hv_msg_setFloat.apply(null,arguments)},d._hv_processInline=function(){return d.asm._hv_processInline.apply(null,arguments)},d._hv_samplesToMilliseconds=function(){return d.asm._hv_samplesToMilliseconds.apply(null,arguments)},d._hv_sendBangToReceiver=function(){return d.asm._hv_sendBangToReceiver.apply(null,arguments)},d._hv_sendFloatToReceiver=function(){return d.asm._hv_sendFloatToReceiver.apply(null,arguments)},d._hv_sendFloatToReceiverWithDelay=function(){return d.asm._hv_sendFloatToReceiverWithDelay.apply(null,arguments)},d._hv_sendMessageToReceiverV=function(){return d.asm._hv_sendMessageToReceiverV.apply(null,arguments)},d._hv_sendSymbolToReceiver=function(){return d.asm._hv_sendSymbolToReceiver.apply(null,arguments)},d._hv_setPrintHook=function(){return d.asm._hv_setPrintHook.apply(null,arguments)},d._hv_setSendHook=function(){return d.asm._hv_setSendHook.apply(null,arguments)},d._hv_stringToHash=function(){return d.asm._hv_stringToHash.apply(null,arguments)},d._hv_table_getBuffer=function(){return d.asm._hv_table_getBuffer.apply(null,arguments)},d._hv_table_getLength=function(){return d.asm._hv_table_getLength.apply(null,arguments)},d._hv_table_setLength=function(){return d.asm._hv_table_setLength.apply(null,arguments)},d._initializeFace=function(){return d.asm._initializeFace.apply(null,arguments)};var te=d._malloc=function(){return d.asm._malloc.apply(null,arguments)},re=(d._rayIntersect=function(){return d.asm._rayIntersect.apply(null,arguments)},d._setVertex=function(){return d.asm._setVertex.apply(null,arguments)},d._step=function(){return d.asm._step.apply(null,arguments)},d.stackAlloc=function(){return d.asm.stackAlloc.apply(null,arguments)}),ne=d.stackRestore=function(){return d.asm.stackRestore.apply(null,arguments)},ie=d.stackSave=function(){return d.asm.stackSave.apply(null,arguments)};function oe(e){this.name="ExitStatus",this.message="Program terminated with exit("+e+")",this.status=e}function ae(e){function t(){d.calledRun||(d.calledRun=!0,h||(function e(){V||(V=!0,U(H))}(),function t(){U(k)}(),d.onRuntimeInitialized&&d.onRuntimeInitialized(),function r(){if(d.postRun)for("function"==typeof d.postRun&&(d.postRun=[d.postRun]);d.postRun.length;)e=d.postRun.shift(),G.unshift(e);var e;U(G)}()))}e=e||d.arguments,0>1,(this.getFaceIndexData()>>1)+this.getFaceIndexCount()),this.wireframe){var s=[];for(i=0;i>2,(this.getFacePositionData()>>2)+3*this.getFaceVertexCount()).slice(0),this.restBaseNormals=this.module.HEAPF32.subarray(this.getFaceNormalData()>>2,(this.getFaceNormalData()>>2)+3*this.getFaceVertexCount()).slice(0),this.wrinkleStrengths=this.module.HEAPF32.subarray(this.getWrinkleStrengths()>>2,(this.getWrinkleStrengths()>>2)+this.getFaceVertexCount()),this.mouthinesses=this.module.HEAPF32.subarray(this.getMouthiness()>>2,(this.getMouthiness()>>2)+this.getFaceVertexCount()),this.hiddenTriangles=this.module.HEAPU16.subarray(this.getHiddenTriangles()>>1,(this.getHiddenTriangles()>>1)+this.getHiddenTriangleCount()),this.basePositionsData=new Float32Array(this.textureWidth*this.textureHeight*4),this.baseNormalsData=new Float32Array(this.textureWidth*this.textureHeight*4)}function r(e,t){return[e[3*t+0],e[3*t+1],e[3*t+2]]}function L(e,t,r){this.a=e,this.b=t,this.c=r,this.wrinkleIndices=[],this.hidden=!1}function U(e,t,r,n){this.a=e,this.b=t,this.c=r,this.hidden=n,this.isBeyondBorder=!1}function O(e,t){this.baseTriangleIndex=e,this.barycentricCoordinates=t}function H(e){this.baseAssociations=e,this.neighbours=[],this.opposites=[],this.triangles=[],this.isOnBorder=!1,this.isBeyondBorder=!1,this.wrinkleStrength=1,this.mouthiness=0}function k(e,t,r){return(1-r)*e+r*t}function I(e,t,r,n,i){this.subdivisions=e,this.vertices=[],this.baseTriangles=[],this.triangles=[],this.midpointMap={};for(var o=0;o>2,(this.getFacePositionData()>>2)+3*this.getFaceVertexCount()),c=this.module.HEAPF32.subarray(this.getFaceNormalData()>>2,(this.getFaceNormalData()>>2)+3*this.getFaceVertexCount());this.positions=h,this.normals=c;for(var l=0;l RADIUS) {\r\n position = position + ((dist - RADIUS) * (attachmentPosition - position) / dist);\r\n }\r\n\r\n gl_FragColor = vec4(position, 0.0);\r\n}\r\n","attachmentpositions.frag":"//this shader computes the attachment location for each wrinkle mesh point by interpolating the base mesh\r\n\r\nprecision highp float;\r\n\r\nvarying vec2 v_coordinates;\r\n\r\nuniform sampler2D u_basePositionsTexture;\r\nuniform sampler2D u_baseNormalsTexture;\r\nuniform vec2 u_baseTextureResolution;\r\n\r\nuniform sampler2D u_wrinkleAssociationsTexture;\r\nuniform sampler2D u_wrinkleBarycentricCoordinatesTexture;\r\n\r\n//use slight offsets to compensate for floating point inaccuracy\r\nvec2 getBaseTextureCoordinates (float index) {\r\n return (vec2(floor(mod((index + 0.5), u_baseTextureResolution.x)), floor((index + 0.5) / u_baseTextureResolution.x)) + 0.5) / u_baseTextureResolution;\r\n}\r\n\r\nvoid main () {\r\n vec3 associations = texture2D(u_wrinkleAssociationsTexture, v_coordinates).rgb;\r\n vec3 barycentricCoordinates = texture2D(u_wrinkleBarycentricCoordinatesTexture, v_coordinates).rgb;\r\n\r\n float u = barycentricCoordinates.y;\r\n float v = barycentricCoordinates.z;\r\n float w = barycentricCoordinates.x;\r\n\r\n vec3 p1 = texture2D(u_basePositionsTexture, getBaseTextureCoordinates(associations.x)).rgb;\r\n vec3 p2 = texture2D(u_basePositionsTexture, getBaseTextureCoordinates(associations.y)).rgb;\r\n vec3 p3 = texture2D(u_basePositionsTexture, getBaseTextureCoordinates(associations.z)).rgb;\r\n\r\n vec3 n1 = texture2D(u_baseNormalsTexture, getBaseTextureCoordinates(associations.x)).rgb;\r\n vec3 n2 = texture2D(u_baseNormalsTexture, getBaseTextureCoordinates(associations.y)).rgb;\r\n vec3 n3 = texture2D(u_baseNormalsTexture, getBaseTextureCoordinates(associations.z)).rgb;\r\n\r\n vec3 b300 = p1;\r\n vec3 b030 = p2;\r\n vec3 b003 = p3;\r\n\r\n vec3 b210 = (2.0 * p1 + p2 - dot(p2 - p1, n1) * n1) / 3.0;\r\n vec3 b120 = (2.0 * p2 + p1 - dot(p1 - p2, n2) * n2) / 3.0;\r\n vec3 b021 = (2.0 * p2 + p3 - dot(p3 - p2, n2) * n2) / 3.0;\r\n vec3 b012 = (2.0 * p3 + p2 - dot(p2 - p3, n3) * n3) / 3.0;\r\n vec3 b102 = (2.0 * p3 + p1 - dot(p1 - p3, n3) * n3) / 3.0;\r\n vec3 b201 = (2.0 * p1 + p3 - dot(p3 - p1, n1) * n1) / 3.0;\r\n\r\n vec3 E = (b210 + b120 + b021 + b012 + b102 + b201) / 6.0;\r\n vec3 V = (p1 + p2 + p3) / 3.0;\r\n\r\n vec3 b111 = E + (E - V) / 2.0;\r\n\r\n float u2 = u * u;\r\n float u3 = u2 * u;\r\n\r\n float v2 = v * v;\r\n float v3 = v2 * v;\r\n\r\n float w2 = w * w;\r\n float w3 = w2 * w;\r\n\r\n vec3 position = b300 * w3 + b030 * u3 + b003 * v3\r\n + b210 * 3.0 * w2 * u + b120 * 3.0 * w * u2 + b201 * 3.0 * w2 * v\r\n + b021 * 3.0 * u2 * v + b102 * 3.0 * w * v2 + b012 * 3.0 * u * v2\r\n + b111 * 6.0 * w * u * v;\r\n\r\n\r\n gl_FragColor = vec4(position, 0.0);\r\n}\r\n","background.frag":"precision highp float;\r\n\r\nvarying vec2 v_position;\r\n\r\nuniform vec2 u_scale;\r\nuniform vec3 u_color;\r\n\r\nvoid main () {\r\n vec3 direction = normalize(vec3(\r\n \tv_position * u_scale,\r\n \t-1.0));\r\n\r\n float factor = 1.0 - pow(max(-direction.z, 0.0), 0.3);\r\n vec3 color = (u_color - factor) * 0.6;\r\n\r\n gl_FragColor = vec4(color, 1.0);\r\n}\r\n","background.vert":"precision highp float;\r\n\r\nattribute vec2 a_position;\r\n\r\nvarying vec2 v_position;\r\n\r\nvoid main () {\r\n\tv_position = a_position;\r\n gl_Position = vec4(a_position, 0.999, 1.0);\r\n}\r\n","composite.frag":"precision highp float;\r\n\r\nvarying vec2 v_coordinates;\r\n\r\nuniform sampler2D u_colorTexture;\r\n\r\nvoid main () {\r\n gl_FragColor = vec4(texture2D(u_colorTexture, v_coordinates).rgb, 1.0);\r\n}\r\n","constraintdistance.frag":"precision highp float;\r\n\r\nvarying vec2 v_coordinates;\r\n\r\nuniform sampler2D u_positionsTexture;\r\nuniform vec2 u_resolution;\r\n\r\nuniform sampler2D u_connectionsTexture;\r\n\r\n//use slight offsets to compensate for floating point inaccuracy\r\nvec2 getBaseTextureCoordinates (float index) {\r\n return (vec2(floor(mod((index + 0.5), u_resolution.x)), floor((index + 0.5) / u_resolution.x)) + 0.5) / u_resolution;\r\n}\r\n\r\nvoid main () {\r\n vec3 center = texture2D(u_positionsTexture, v_coordinates).rgb;\r\n vec4 connections = texture2D(u_connectionsTexture, v_coordinates).rgba;\r\n\r\n vec3 a = texture2D(u_positionsTexture, getBaseTextureCoordinates(connections.x)).rgb;\r\n vec3 b = texture2D(u_positionsTexture, getBaseTextureCoordinates(connections.y)).rgb;\r\n vec3 c = texture2D(u_positionsTexture, getBaseTextureCoordinates(connections.z)).rgb;\r\n vec3 d = texture2D(u_positionsTexture, getBaseTextureCoordinates(connections.w)).rgb;\r\n\r\n float aL = distance(center, a);\r\n float bL = distance(center, b);\r\n float cL = distance(center, c);\r\n float dL = distance(center, d);\r\n\r\n\r\n gl_FragColor = vec4(aL, bL, cL, dL);\r\n}\r\n","copy.frag":"precision highp float;\r\n\r\nvarying vec2 v_coordinates;\r\n\r\nuniform sampler2D u_texture;\r\n\r\nvoid main () {\r\n gl_FragColor = texture2D(u_texture, v_coordinates);\r\n}\r\n","distanceconstraint.frag":"//computes the distance between the vertex and those it's connected to\r\n\r\nprecision highp float;\r\n\r\nvarying vec2 v_coordinates;\r\n\r\nuniform sampler2D u_positionsTexture;\r\nuniform vec2 u_resolution;\r\n\r\nuniform sampler2D u_neighboursTextureA;\r\nuniform sampler2D u_neighboursTextureB;\r\n\r\nuniform sampler2D u_distancesTextureA;\r\nuniform sampler2D u_distancesTextureB;\r\n\r\nuniform sampler2D u_fixedTexture;\r\n\r\nuniform sampler2D u_strengthsTexture;\r\n\r\nuniform int u_respectFixed;\r\n\r\n//use slight offsets to compensate for floating point inaccuracy\r\nvec2 getBaseTextureCoordinates (float index) {\r\n return (vec2(floor(mod((index + 0.5), u_resolution.x)), floor((index + 0.5) / u_resolution.x)) + 0.5) / u_resolution;\r\n}\r\n\r\nvec3 getDelta (vec3 center, vec3 other, float restLength) {\r\n restLength *= 1.0;\r\n\r\n float dist = distance(center, other);\r\n\r\n vec3 delta = 1.5 * (dist - restLength) * (other - center) / dist;\r\n\r\n return delta;\r\n}\r\n\r\nvoid main () {\r\n vec3 center = texture2D(u_positionsTexture, v_coordinates).rgb;\r\n float isFixed = texture2D(u_fixedTexture, v_coordinates).r;\r\n\r\n vec4 neighboursA = texture2D(u_neighboursTextureA, v_coordinates).rgba;\r\n vec4 neighboursB = texture2D(u_neighboursTextureB, v_coordinates).rgba;\r\n\r\n vec3 a = texture2D(u_positionsTexture, getBaseTextureCoordinates(neighboursA.x)).rgb;\r\n vec3 b = texture2D(u_positionsTexture, getBaseTextureCoordinates(neighboursA.y)).rgb;\r\n vec3 c = texture2D(u_positionsTexture, getBaseTextureCoordinates(neighboursA.z)).rgb;\r\n vec3 d = texture2D(u_positionsTexture, getBaseTextureCoordinates(neighboursA.w)).rgb;\r\n vec3 e = texture2D(u_positionsTexture, getBaseTextureCoordinates(neighboursB.x)).rgb;\r\n vec3 f = texture2D(u_positionsTexture, getBaseTextureCoordinates(neighboursB.y)).rgb;\r\n\r\n vec4 distancesA = texture2D(u_distancesTextureA, v_coordinates).rgba;\r\n vec4 distancesB = texture2D(u_distancesTextureB, v_coordinates).rgba;\r\n\r\n float aL = distancesA.x;\r\n float bL = distancesA.y;\r\n float cL = distancesA.z;\r\n float dL = distancesA.w;\r\n float eL = distancesB.x;\r\n float fL = distancesB.y;\r\n\r\n\r\n vec3 offset = vec3(0.0);\r\n\r\n offset += getDelta(center, a, aL);\r\n offset += getDelta(center, b, bL);\r\n offset += getDelta(center, c, cL);\r\n offset += getDelta(center, d, dL);\r\n offset += getDelta(center, e, eL);\r\n if (neighboursB.y >= 0.0) offset += getDelta(center, f, fL);\r\n\r\n float count = neighboursB.y >= 0.0 ? 6.0 : 5.0;\r\n\r\n float strength = texture2D(u_strengthsTexture, v_coordinates).r;\r\n\r\n gl_FragColor = vec4(center + strength * offset / count, 0.0);\r\n\r\n if (isFixed > 0.5 && u_respectFixed == 1) gl_FragColor = vec4(center, 0.0); \r\n\r\n}\r\n\r\n","eye.frag":"//requires lightingcommon.glsl\r\n\r\nvarying vec3 v_baseNormal;\r\n\r\nuniform float u_pupilNoiseOffset;\r\nuniform vec3 u_eyePosition;\r\n\r\nuniform vec3 u_lookDirection;\r\n\r\n//\r\n// Description : Array and textureless GLSL 2D simplex noise function.\r\n// Author : Ian McEwan, Ashima Arts.\r\n// Maintainer : stegu\r\n// Lastmod : 20110822 (ijm)\r\n// License : Copyright (C) 2011 Ashima Arts. All rights reserved.\r\n// Distributed under the MIT License. See LICENSE file.\r\n// https://github.com/ashima/webgl-noise\r\n// https://github.com/stegu/webgl-noise\r\n// \r\n\r\nvec3 mod289(vec3 x) {\r\n return x - floor(x * (1.0 / 289.0)) * 289.0;\r\n}\r\n\r\nvec2 mod289(vec2 x) {\r\n return x - floor(x * (1.0 / 289.0)) * 289.0;\r\n}\r\n\r\nvec3 permute(vec3 x) {\r\n return mod289(((x*34.0)+1.0)*x);\r\n}\r\n\r\nfloat snoise(vec2 v)\r\n {\r\n const vec4 C = vec4(0.211324865405187, // (3.0-sqrt(3.0))/6.0\r\n 0.366025403784439, // 0.5*(sqrt(3.0)-1.0)\r\n -0.577350269189626, // -1.0 + 2.0 * C.x\r\n 0.024390243902439); // 1.0 / 41.0\r\n// First corner\r\n vec2 i = floor(v + dot(v, C.yy) );\r\n vec2 x0 = v - i + dot(i, C.xx);\r\n\r\n// Other corners\r\n vec2 i1;\r\n //i1.x = step( x0.y, x0.x ); // x0.x > x0.y ? 1.0 : 0.0\r\n //i1.y = 1.0 - i1.x;\r\n i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\r\n // x0 = x0 - 0.0 + 0.0 * C.xx ;\r\n // x1 = x0 - i1 + 1.0 * C.xx ;\r\n // x2 = x0 - 1.0 + 2.0 * C.xx ;\r\n vec4 x12 = x0.xyxy + C.xxzz;\r\n x12.xy -= i1;\r\n\r\n// Permutations\r\n i = mod289(i); // Avoid truncation effects in permutation\r\n vec3 p = permute( permute( i.y + vec3(0.0, i1.y, 1.0 ))\r\n\t\t+ i.x + vec3(0.0, i1.x, 1.0 ));\r\n\r\n vec3 m = max(0.5 - vec3(dot(x0,x0), dot(x12.xy,x12.xy), dot(x12.zw,x12.zw)), 0.0);\r\n m = m*m ;\r\n m = m*m ;\r\n\r\n// Gradients: 41 points uniformly over a line, mapped onto a diamond.\r\n// The ring size 17*17 = 289 is close to a multiple of 41 (41*7 = 287)\r\n\r\n vec3 x = 2.0 * fract(p * C.www) - 1.0;\r\n vec3 h = abs(x) - 0.5;\r\n vec3 ox = floor(x + 0.5);\r\n vec3 a0 = x - ox;\r\n\r\n// Normalise gradients implicitly by scaling m\r\n// Approximation of: m *= inversesqrt( a0*a0 + h*h );\r\n m *= 1.79284291400159 - 0.85373472095314 * ( a0*a0 + h*h );\r\n\r\n// Compute final noise value at P\r\n vec3 g;\r\n g.x = a0.x * x0.x + h.x * x0.y;\r\n g.yz = a0.yz * x12.xz + h.yz * x12.yw;\r\n return 130.0 * dot(m, g);\r\n}\r\n\r\nvec3 closestPointOnAxis (vec3 base, vec3 direction, vec3 point) {\r\n return base + dot(point - base, direction) * direction;\r\n}\r\n\r\nfloat distanceFromAxis (vec3 base, vec3 direction, vec3 point) {\r\n return distance(point, closestPointOnAxis(base, direction, point));\r\n}\r\n\r\nvec3 eyeColor (vec3 point) {\r\n //closest point on cylinder axis\r\n vec3 closestPoint = closestPointOnAxis(u_eyePosition, u_lookDirection, point);\r\n\r\n if (dot(u_lookDirection, v_worldPosition - u_eyePosition) < 0.0) return vec3(1.0);\r\n\r\n vec3 offset = point - closestPoint;\r\n\r\n //find plane of cylinder\r\n vec3 right = normalize(cross(vec3(0.0, 1.0, 0.0), u_lookDirection));\r\n vec3 up = cross(u_lookDirection, right);\r\n\r\n //project onto cylinder plane\r\n float x = dot(offset, right);\r\n float y = dot(offset, up);\r\n\r\n float PUPIL_FREQUENCY = 8.0;\r\n\r\n float theta = mod(atan(y, x) + PI + u_pupilNoiseOffset, 2.0 * PI);\r\n float r = 0.025 + snoise(vec2(PUPIL_FREQUENCY * theta / (2.0 * PI), 0.0)) * 0.003;\r\n\r\n return length(vec2(x, y)) < r ? vec3(0.0) : vec3(1.0);\r\n}\r\n\r\n/*\r\nvec3 eyeColor (vec3 point) {\r\n return distanceFromAxis(u_eyePosition, u_lookDirection, point) < 0.03 ? vec3(0.0) : vec3(1.0);\r\n}\r\n*/\r\n\r\nvoid main () {\r\n vec3 normal = normalize(v_normal);\r\n\r\n vec3 albedo = eyeColor(v_worldPosition);\r\n\r\n float roughness = 0.05;\r\n float F0 = 0.35;\r\n\r\n vec3 color = shadeSurfaceWithLights(v_worldPosition, normal, albedo, roughness, F0);\r\n\r\n gl_FragColor = vec4(gammaCorrect(color), 1.0);\r\n}\r\n","eye.vert":"precision highp float;\r\n\r\nattribute vec3 a_position;\r\nattribute vec3 a_normal;\r\n\r\nuniform mat4 u_projectionViewMatrix;\r\nuniform mat4 u_modelMatrix;\r\n\r\nvarying vec3 v_normal;\r\nvarying vec3 v_baseNormal;\r\nvarying vec3 v_worldPosition;\r\n\r\nvoid main () {\r\n v_normal = normalize((u_modelMatrix * vec4(a_normal, 0.0)).xyz);\r\n v_baseNormal = v_normal;\r\n v_worldPosition = (u_modelMatrix * vec4(a_position, 1.0)).xyz;\r\n\r\n gl_Position = u_projectionViewMatrix * vec4(v_worldPosition, 1.0);\r\n}\r\n","eyedepth.frag":"precision highp float;\r\n\r\nvarying vec4 v_clipSpacePosition;\r\n\r\nconst float PackUpscale = 256.0 / 255.0;\r\nconst float UnpackDownscale = 255.0 / 256.0;\r\n\r\nconst vec3 PackFactors = vec3(256.0 * 256.0 * 256.0, 256.0 * 256.0, 256.0);\r\nconst vec4 UnpackFactors = UnpackDownscale / vec4(PackFactors, 1.0);\r\n\r\nconst float ShiftRight8 = 1.0 / 256.0;\r\n\r\nvec4 packDepthToRGBA( const in float v ) {\r\n vec4 r = vec4( fract( v * PackFactors ), v );\r\n r.yzw -= r.xyz * ShiftRight8; // tidy overflow\r\n return r * PackUpscale;\r\n}\r\n\r\nvoid main () {\r\n float ndcDepth = v_clipSpacePosition.z / v_clipSpacePosition.w;\r\n gl_FragColor = packDepthToRGBA(ndcDepth * 0.5 + 0.5);\r\n}\r\n","eyedepth.vert":"precision highp float;\r\n\r\nattribute vec3 a_position;\r\n\r\nuniform mat4 u_projectionViewModelMatrix;\r\n\r\nvarying vec4 v_clipSpacePosition;\r\n\r\nvoid main () {\r\n v_clipSpacePosition = u_projectionViewModelMatrix * vec4(a_position, 1.0);\r\n gl_Position = v_clipSpacePosition;\r\n}\r\n","fullscreen.vert":"precision highp float;\r\n\r\nattribute vec2 a_position;\r\n\r\nvarying vec2 v_coordinates;\r\n\r\nvoid main () {\r\n v_coordinates = a_position * 0.5 + 0.5;\r\n\r\n gl_Position = vec4(a_position, 0.0, 1.0);\r\n}\r\n","fxaa.frag":"precision highp float;\r\n\r\nvarying vec2 v_coordinates;\r\n\r\nuniform sampler2D u_input;\r\n\r\nuniform vec2 u_resolution;\r\n\r\nuniform float u_scale;\r\n\r\nconst float FXAA_SPAN_MAX = 8.0;\r\nconst float FXAA_REDUCE_MUL = 1.0 / 8.0;\r\nconst float FXAA_REDUCE_MIN = 1.0 / 128.0;\r\n \r\nvoid main () {\r\n vec2 delta = 1.0 / u_resolution;\r\n\r\n vec3 rgbNW = texture2D(u_input, v_coordinates + vec2(-1.0, -1.0) * delta).rgb;\r\n vec3 rgbNE = texture2D(u_input, v_coordinates + vec2(1.0, -1.0) * delta).rgb;\r\n vec3 rgbSW = texture2D(u_input, v_coordinates + vec2(-1.0, 1.0) * delta).rgb;\r\n vec3 rgbSE = texture2D(u_input, v_coordinates + vec2(1.0, 1.0) * delta).rgb;\r\n vec3 rgbM = texture2D(u_input, v_coordinates).rgb;\r\n\r\n vec3 luma = vec3(0.299, 0.587, 0.114);\r\n float lumaNW = dot(rgbNW, luma);\r\n float lumaNE = dot(rgbNE, luma);\r\n float lumaSW = dot(rgbSW, luma);\r\n float lumaSE = dot(rgbSE, luma);\r\n float lumaM = dot(rgbM, luma);\r\n\r\n float lumaMin = min(lumaM, min(min(lumaNW, lumaNE), min(lumaSW, lumaSE)));\r\n float lumaMax = max(lumaM, max(max(lumaNW, lumaNE), max(lumaSW, lumaSE)));\r\n\r\n vec2 dir = vec2(\r\n -((lumaNW + lumaNE) - (lumaSW + lumaSE)),\r\n ((lumaNW + lumaSW) - (lumaNE + lumaSE)));\r\n\r\n float dirReduce = max((lumaNW + lumaNE + lumaSW + lumaSE) * (0.25 * FXAA_REDUCE_MUL), FXAA_REDUCE_MIN);\r\n float rcpDirMin = 1.0 / (min(abs(dir.x), abs(dir.y)) + dirReduce);\r\n dir = min(vec2(FXAA_SPAN_MAX), max(vec2(-FXAA_SPAN_MAX), dir * rcpDirMin)) * delta.xy;\r\n\r\n vec3 rgbA = 0.5 * (texture2D(u_input, v_coordinates.xy + dir * (1.0 / 3.0 - 0.5)).xyz + texture2D(u_input, v_coordinates.xy + dir * (2.0 / 3.0 - 0.5)).xyz);\r\n vec3 rgbB = rgbA * 0.5 + 0.25 * (texture2D(u_input, v_coordinates.xy + dir * -0.5).xyz + texture2D(u_input, v_coordinates.xy + dir * 0.5).xyz);\r\n float lumaB = dot(rgbB, luma);\r\n if (lumaB < lumaMin || lumaB > lumaMax) {\r\n gl_FragColor = vec4(rgbA, 1.0) * u_scale;\r\n } else {\r\n gl_FragColor = vec4(rgbB, 1.0) * u_scale;\r\n }\r\n}\r\n","hair.frag":"uniform sampler2D u_perturbationTexture3D;\r\nuniform float u_perturbationTextureWidth;\r\n\r\nuniform vec3 u_hairAlbedo;\r\n\r\nvarying vec3 v_restPosition;\r\n\r\n//coordinates are in pixel space\r\nvec4 texture3D(sampler2D texture, vec3 coordinates, vec3 resolution) {\r\n coordinates = mod(coordinates, vec3(resolution));\r\n\r\n //belowZIndex and aboveZIndex don't have the 0.5 offset\r\n float belowZIndex = floor(coordinates.z - 0.5);\r\n float aboveZIndex = belowZIndex + 1.0;\r\n\r\n //we interpolate the z\r\n float fraction = fract(coordinates.z - 0.5);\r\n\r\n vec2 belowCoordinates = vec2(\r\n belowZIndex * resolution.x + coordinates.x,\r\n coordinates.y) / vec2(resolution.x * resolution.z, resolution.y);\r\n\r\n vec2 aboveCoordinates = vec2(\r\n aboveZIndex * resolution.x + coordinates.x,\r\n coordinates.y) / vec2(resolution.x * resolution.z, resolution.y);\r\n\r\n return mix(texture2D(texture, belowCoordinates), texture2D(texture, aboveCoordinates), fraction);\r\n}\r\n\r\nvoid main () {\r\n vec3 normal = normalize(v_normal);\r\n\r\n vec3 peturbation = texture3D(u_perturbationTexture3D, v_restPosition * 400.0, vec3(u_perturbationTextureWidth)).rgb * 2.0 - 1.0;\r\n normal = normalize(v_normal + peturbation * 0.07);\r\n\r\n if (!gl_FrontFacing) {\r\n normal *= -1.0;\r\n }\r\n\r\n float roughness = 0.5;\r\n float F0 = 0.05;\r\n\r\n vec3 color = shadeSurfaceWithLights(v_worldPosition, normal, u_hairAlbedo, roughness, F0);\r\n\r\n gl_FragColor = vec4(gammaCorrect(color), 1.0);\r\n}\r\n","hair.vert":"//define DEPTH for depth only\r\n\r\nprecision highp float;\r\n\r\nattribute vec3 a_associations;\r\nattribute vec3 a_barycentricCoordinates;\r\n\r\n#ifndef DEPTH\r\nattribute vec3 a_restPosition;\r\n#endif\r\n\r\n#ifndef DEPTH\r\nuniform mat4 u_projectionViewMatrix;\r\nuniform mat4 u_modelMatrix;\r\n#else\r\nuniform mat4 u_projectionViewModelMatrix;\r\n#endif\r\n\r\nuniform sampler2D u_basePositionsTexture;\r\nuniform sampler2D u_baseNormalsTexture;\r\nuniform vec2 u_baseTextureResolution;\r\n\r\n#ifndef DEPTH\r\nvarying vec3 v_normal;\r\nvarying vec3 v_worldPosition;\r\nvarying vec3 v_restPosition;\r\n#endif\r\n\r\n#ifdef DEPTH\r\nvarying vec4 v_clipSpacePosition;\r\n#endif\r\n\r\n//use slight offsets to compensate for floating point inaccuracy\r\nvec2 getBaseTextureCoordinates (float index) {\r\n return (vec2(floor(mod((index + 0.5), u_baseTextureResolution.x)), floor((index + 0.5) / u_baseTextureResolution.x)) + 0.5) / u_baseTextureResolution;\r\n}\r\n\r\nvoid main () {\r\n vec3 associations = a_associations;\r\n vec3 barycentricCoordinates = a_barycentricCoordinates;\r\n\r\n #ifndef DEPTH\r\n v_restPosition = a_restPosition;\r\n #endif\r\n\r\n float u = barycentricCoordinates.y;\r\n float v = barycentricCoordinates.z;\r\n float w = barycentricCoordinates.x;\r\n\r\n vec3 p1 = texture2D(u_basePositionsTexture, getBaseTextureCoordinates(associations.x)).rgb;\r\n vec3 p2 = texture2D(u_basePositionsTexture, getBaseTextureCoordinates(associations.y)).rgb;\r\n vec3 p3 = texture2D(u_basePositionsTexture, getBaseTextureCoordinates(associations.z)).rgb;\r\n\r\n vec3 n1 = texture2D(u_baseNormalsTexture, getBaseTextureCoordinates(associations.x)).rgb;\r\n vec3 n2 = texture2D(u_baseNormalsTexture, getBaseTextureCoordinates(associations.y)).rgb;\r\n vec3 n3 = texture2D(u_baseNormalsTexture, getBaseTextureCoordinates(associations.z)).rgb;\r\n\r\n vec3 b300 = p1;\r\n vec3 b030 = p2;\r\n vec3 b003 = p3;\r\n\r\n vec3 b210 = (2.0 * p1 + p2 - dot(p2 - p1, n1) * n1) / 3.0;\r\n vec3 b120 = (2.0 * p2 + p1 - dot(p1 - p2, n2) * n2) / 3.0;\r\n vec3 b021 = (2.0 * p2 + p3 - dot(p3 - p2, n2) * n2) / 3.0;\r\n vec3 b012 = (2.0 * p3 + p2 - dot(p2 - p3, n3) * n3) / 3.0;\r\n vec3 b102 = (2.0 * p3 + p1 - dot(p1 - p3, n3) * n3) / 3.0;\r\n vec3 b201 = (2.0 * p1 + p3 - dot(p3 - p1, n1) * n1) / 3.0;\r\n\r\n vec3 E = (b210 + b120 + b021 + b012 + b102 + b201) / 6.0;\r\n vec3 V = (p1 + p2 + p3) / 3.0;\r\n\r\n vec3 b111 = E + (E - V) / 2.0;\r\n\r\n float u2 = u * u;\r\n float u3 = u2 * u;\r\n\r\n float v2 = v * v;\r\n float v3 = v2 * v;\r\n\r\n float w2 = w * w;\r\n float w3 = w2 * w;\r\n\r\n vec3 position = b300 * w3 + b030 * u3 + b003 * v3\r\n + b210 * 3.0 * w2 * u + b120 * 3.0 * w * u2 + b201 * 3.0 * w2 * v\r\n + b021 * 3.0 * u2 * v + b102 * 3.0 * w * v2 + b012 * 3.0 * u * v2\r\n + b111 * 6.0 * w * u * v;\r\n\r\n\r\n #ifndef DEPTH\r\n\r\n vec3 n200 = n1;\r\n vec3 n020 = n2;\r\n vec3 n002 = n3;\r\n\r\n vec3 n110 = normalize(n1 + n2 - (2.0 * dot(p2 - p1, n1 + n2) / dot(p2 - p1, p2 - p1)) * (p2 - p1));\r\n vec3 n011 = normalize(n2 + n3 - (2.0 * dot(p3 - p2, n2 + n3) / dot(p3 - p2, p3 - p2)) * (p3 - p2));\r\n vec3 n101 = normalize(n3 + n1 - (2.0 * dot(p1 - p3, n3 + n1) / dot(p1 - p3, p1 - p3)) * (p1 - p3));\r\n\r\n v_normal = normalize(n200 * w2 + n020 * u2 + n002 * v2 + n110 * w * u + n011 * u * v + n101 * w * v);\r\n v_normal = normalize(n200 * w + n020 * u + n002 * v);\r\n\r\n v_normal = (u_modelMatrix * vec4(v_normal, 0.0)).xyz;\r\n v_worldPosition = (u_modelMatrix * vec4(position, 1.0)).xyz;\r\n\r\n gl_Position = u_projectionViewMatrix * vec4(v_worldPosition, 1.0);\r\n\r\n #else\r\n\r\n v_clipSpacePosition = u_projectionViewModelMatrix * vec4(position, 1.0);\r\n gl_Position = v_clipSpacePosition;\r\n\r\n #endif\r\n}\r\n\r\n","hairdepth.frag":"precision highp float;\r\n\r\nvarying vec4 v_clipSpacePosition;\r\n\r\nconst float PackUpscale = 256.0 / 255.0;\r\nconst float UnpackDownscale = 255.0 / 256.0;\r\n\r\nconst vec3 PackFactors = vec3(256.0 * 256.0 * 256.0, 256.0 * 256.0, 256.0);\r\nconst vec4 UnpackFactors = UnpackDownscale / vec4(PackFactors, 1.0);\r\n\r\nconst float ShiftRight8 = 1.0 / 256.0;\r\n\r\nvec4 packDepthToRGBA( const in float v ) {\r\n vec4 r = vec4( fract( v * PackFactors ), v );\r\n r.yzw -= r.xyz * ShiftRight8; // tidy overflow\r\n return r * PackUpscale;\r\n}\r\n\r\nvoid main () {\r\n float ndcDepth = v_clipSpacePosition.z / v_clipSpacePosition.w;\r\n gl_FragColor = packDepthToRGBA(ndcDepth * 0.5 + 0.5);\r\n}\r\n","image.frag":"precision highp float;\r\n\r\nvarying vec2 v_coordinates;\r\n\r\nuniform sampler2D u_image;\r\nuniform float u_alpha;\r\n\r\nvoid main () {\r\n\tgl_FragColor = texture2D(u_image, v_coordinates) * u_alpha;\r\n}","image.vert":"precision highp float;\r\n\r\nattribute vec2 a_position;\r\n\r\nvarying vec2 v_coordinates;\r\n\r\nvoid main () {\r\n\tv_coordinates = a_position * 0.5 + 0.5;\r\n gl_Position = vec4(a_position, 0.999, 1.0);\r\n}\r\n","lightingcommon.glsl":"precision highp float;\r\nprecision highp sampler2D;\r\n\r\nuniform vec3 u_cameraPosition;\r\n\r\nuniform vec3 u_lightPosition0;\r\nuniform mat4 u_lightProjectionViewMatrix0;\r\nuniform sampler2D u_shadowDepthTexture0;\r\nuniform vec2 u_shadowResolution0;\r\nuniform vec3 u_lightColor0;\r\nuniform float u_lightNear0;\r\nuniform float u_lightFar0;\r\n\r\nuniform vec3 u_lightPosition1;\r\nuniform mat4 u_lightProjectionViewMatrix1;\r\nuniform sampler2D u_shadowDepthTexture1;\r\nuniform vec2 u_shadowResolution1;\r\nuniform vec3 u_lightColor1;\r\nuniform float u_lightNear1;\r\nuniform float u_lightFar1;\r\n\r\nuniform vec3 u_skinAlbedo;\r\n\r\nvarying vec3 v_normal;\r\nvarying vec3 v_worldPosition;\r\n\r\nconst float PI = 3.14159265;\r\n\r\nfloat square (float x) {\r\n return x * x;\r\n}\r\n\r\nfloat fresnel (float F0, float lDotH) {\r\n float f = pow(1.0 - lDotH, 5.0);\r\n\r\n return (1.0 - F0) * f + F0;\r\n}\r\n\r\nfloat GGX (float alpha, float nDotH) {\r\n float a2 = square(alpha);\r\n\r\n return a2 / (PI * square(square(nDotH) * (a2 - 1.0) + 1.0));\r\n}\r\n\r\nfloat GGGX (float alpha, float nDotL, float nDotV) {\r\n float a2 = square(alpha);\r\n\r\n float gl = nDotL + sqrt(a2 + (1.0 - a2) * square(nDotL));\r\n float gv = nDotV + sqrt(a2 + (1.0 - a2) * square(nDotV));\r\n\r\n return 1.0 / (gl * gv);\r\n}\r\n\r\nfloat saturate (float x) {\r\n return clamp(x, 0.0, 1.0);\r\n}\r\n\r\nfloat specularBRDF (vec3 lightDirection, vec3 eyeDirection, vec3 normal, float roughness, float F0) {\r\n vec3 halfVector = normalize(lightDirection + eyeDirection);\r\n\r\n float nDotH = saturate(dot(normal, halfVector));\r\n float nDotL = saturate(dot(normal, lightDirection));\r\n float nDotV = saturate(dot(normal, eyeDirection));\r\n float lDotH = saturate(dot(lightDirection, halfVector));\r\n\r\n float D = GGX(roughness, nDotH);\r\n float G = GGGX(roughness, nDotL, nDotV);\r\n float F = fresnel(F0, lDotH);\r\n\r\n return D * G * F;\r\n}\r\n\r\nconst float PackUpscale = 256. / 255.; // fraction -> 0..1 (including 1)\r\nconst float UnpackDownscale = 255. / 256.; // 0..1 -> fraction (excluding 1)\r\n\r\nconst vec3 PackFactors = vec3( 256. * 256. * 256., 256. * 256., 256. );\r\nconst vec4 UnpackFactors = UnpackDownscale / vec4( PackFactors, 1. );\r\n\r\nconst float ShiftRight8 = 1. / 256.;\r\n\r\nfloat unpackRGBAToDepth( const in vec4 v ) {\r\n return dot( v, UnpackFactors );\r\n}\r\n\r\nfloat texture2DCompare( sampler2D depths, vec2 uv, float compare ) {\r\n return step(compare, unpackRGBAToDepth(texture2D( depths, uv )));\r\n}\r\n\r\nfloat texture2DShadow( sampler2D depths, vec2 size, vec2 uv, float compare ) {\r\n return texture2DCompare(depths, uv, compare);\r\n}\r\n\r\nfloat texture2DShadowLerp( sampler2D depths, vec2 size, vec2 uv, float compare ) {\r\n const vec2 offset = vec2(0.0, 1.0);\r\n\r\n vec2 texelSize = vec2(1.0) / size;\r\n vec2 centroidUV = floor(uv * size + 0.5) / size;\r\n\r\n float lb = texture2DCompare(depths, centroidUV + texelSize * offset.xx, compare );\r\n float lt = texture2DCompare(depths, centroidUV + texelSize * offset.xy, compare );\r\n float rb = texture2DCompare(depths, centroidUV + texelSize * offset.yx, compare );\r\n float rt = texture2DCompare(depths, centroidUV + texelSize * offset.yy, compare );\r\n\r\n vec2 f = fract(uv * size + 0.5);\r\n\r\n float a = mix(lb, lt, f.y);\r\n float b = mix(rb, rt, f.y);\r\n float c = mix(a, b, f.x);\r\n\r\n return c;\r\n}\r\n\r\nfloat getShadow (vec3 worldPosition, mat4 projectionViewMatrix, sampler2D depthTexture, vec2 resolution) {\r\n vec4 lightSpacePosition = projectionViewMatrix * vec4(worldPosition, 1.0);\r\n lightSpacePosition /= lightSpacePosition.w;\r\n lightSpacePosition = lightSpacePosition * 0.5 + 0.5;\r\n vec2 lightSpaceCoordinates = lightSpacePosition.xy;\r\n\r\n \r\n}\r\n\r\nfloat linearizeDepth (float depth, float near, float far) {\r\n return 2.0 * near * far / (far + near - (2.0 * depth - 1.0) * (far - near)); \r\n}\r\n\r\nvec3 getTransmittedColor (vec3 worldPosition, vec3 normal, vec3 lightDirection, vec3 lightColor, mat4 lightProjectionViewMatrix, sampler2D depthTexture, float lightNear, float lightFar) {\r\n vec3 shrunkPosition = worldPosition - normal * 0.01;\r\n vec4 lightSpacePosition2 = lightProjectionViewMatrix * vec4(shrunkPosition, 1.0);\r\n lightSpacePosition2 /= lightSpacePosition2.w;\r\n lightSpacePosition2 = lightSpacePosition2 * 0.5 + 0.5;\r\n vec2 lightSpaceCoordinates2 = lightSpacePosition2.xy;\r\n\r\n float lightSample = unpackRGBAToDepth(texture2D(depthTexture, lightSpaceCoordinates2));\r\n float d = abs(linearizeDepth(lightSample, lightNear, lightFar) - linearizeDepth(lightSpacePosition2.z, lightNear, lightFar)) * 20.0;\r\n\r\n float dd = -d * d;\r\n vec3 profile = vec3(0.233, 0.455, 0.649) * exp(dd / 0.0064) +\r\n vec3(0.1, 0.336, 0.344) * exp(dd / 0.0484) +\r\n vec3(0.118, 0.198, 0.0) * exp(dd / 0.187) +\r\n vec3(0.113, 0.007, 0.007) * exp(dd / 0.567) +\r\n vec3(0.358, 0.004, 0.0) * exp(dd / 1.99) +\r\n vec3(0.078, 0.0, 0.0) * exp(dd / 7.41);\r\n\r\n return profile * 1.0 * saturate(0.6 + dot(lightDirection, -normal)) * lightColor;\r\n}\r\n\r\nvec3 shadeSurfaceWithLightWithoutShadow (vec3 worldPosition, vec3 normal, vec3 albedo, float roughness, float F0, vec3 lightPosition, vec3 lightColor, mat4 projectionViewMatrix, sampler2D depthTexture, vec2 depthResolution) {\r\n vec3 eyeDirection = normalize(u_cameraPosition - worldPosition);\r\n vec3 lightDirection = normalize(lightPosition - worldPosition);\r\n\r\n float diffuse = saturate(dot(lightDirection, normal));\r\n float specular = specularBRDF(lightDirection, eyeDirection, normal, roughness, F0);\r\n\r\n vec3 color = (diffuse * 1.0 * albedo + specular * 1.0) * lightColor;\r\n\r\n return color;\r\n}\r\n\r\nvec3 shadeSurfaceWithLight (vec3 worldPosition, vec3 normal, vec3 albedo, float roughness, float F0, vec3 lightPosition, vec3 lightColor, mat4 projectionViewMatrix, sampler2D depthTexture, vec2 depthResolution) {\r\n float shadow = getShadow(worldPosition, projectionViewMatrix, depthTexture, depthResolution);\r\n\r\n vec3 color = shadeSurfaceWithLightWithoutShadow(worldPosition, normal, albedo, roughness, F0, lightPosition, lightColor, projectionViewMatrix, depthTexture, depthResolution) * shadow;\r\n\r\n return color;\r\n}\r\n\r\nvec3 shadeSurfaceWithLights (vec3 worldPosition, vec3 normal, vec3 albedo, float roughness, float F0) {\r\n vec3 total = shadeSurfaceWithLight(worldPosition, normal, albedo, roughness, F0, u_lightPosition0, u_lightColor0, u_lightProjectionViewMatrix0, u_shadowDepthTexture0, u_shadowResolution0);\r\n total += shadeSurfaceWithLight(worldPosition, normal, albedo, roughness, F0, u_lightPosition1, u_lightColor1, u_lightProjectionViewMatrix1, u_shadowDepthTexture1, u_shadowResolution1);\r\n\r\n return total;\r\n}\r\n\r\nvec3 shadeSurfaceWithLightsWithTransmittance (vec3 worldPosition, vec3 normal, vec3 albedo, float roughness, float F0) {\r\n vec3 total = shadeSurfaceWithLights(worldPosition, normal, albedo, roughness, F0); \r\n\r\n total += getTransmittedColor(worldPosition, normal, normalize(u_lightPosition0 - worldPosition), u_lightColor0, u_lightProjectionViewMatrix0, u_shadowDepthTexture0, u_lightNear0, u_lightFar0); \r\n total += getTransmittedColor(worldPosition, normal, normalize(u_lightPosition1 - worldPosition), u_lightColor1, u_lightProjectionViewMatrix1, u_shadowDepthTexture1, u_lightNear1, u_lightFar1);\r\n\r\n return total;\r\n}\r\n\r\n\r\nvec3 shadeSkin (vec3 worldPosition, vec3 normal) {\r\n vec3 albedo = u_skinAlbedo;\r\n float roughness = 0.3;\r\n float F0 = 0.35;\r\n\r\n return shadeSurfaceWithLightsWithTransmittance(worldPosition, normal, albedo, roughness, F0);\r\n}\r\n\r\nvec3 gammaCorrect (vec3 color) {\r\n float GAMMA = 2.2;\r\n return pow(color, vec3(1.0 / GAMMA));\r\n}\r\n","markfixed.frag":"precision highp float;\r\n\r\nvoid main () {\r\n gl_FragColor = vec4(1.0);\r\n}\r\n","markfixed.vert":"precision highp float;\r\n\r\nattribute float a_index;\r\n\r\nuniform vec2 u_resolution;\r\n\r\nvoid main () {\r\n float x = mod(a_index, u_resolution.x);\r\n float y = floor(a_index / u_resolution.x);\r\n\r\n vec2 coordinates = vec2(x + 0.5, y + 0.5) / u_resolution;\r\n\r\n gl_PointSize = 1.0;\r\n\r\n gl_Position = vec4(coordinates * 2.0 - 1.0, 0.0, 1.0);\r\n}\r\n","normals.frag":"//computes the normal for a point on the wrinkle mesh using neighbouring positions\r\n\r\nprecision highp float;\r\n\r\nvarying vec2 v_coordinates;\r\n\r\nuniform sampler2D u_positionsTexture;\r\nuniform vec2 u_resolution;\r\n\r\nuniform sampler2D u_neighboursTextureA;\r\nuniform sampler2D u_neighboursTextureB;\r\n\r\n//use slight offsets to compensate for floating point inaccuracy\r\nvec2 getBaseTextureCoordinates (float index) {\r\n return (vec2(floor(mod((index + 0.5), u_resolution.x)), floor((index + 0.5) / u_resolution.x)) + 0.5) / u_resolution;\r\n}\r\n\r\nvoid main () {\r\n vec3 center = texture2D(u_positionsTexture, v_coordinates).rgb;\r\n\r\n vec4 neighboursA = texture2D(u_neighboursTextureA, v_coordinates).rgba;\r\n vec4 neighboursB = texture2D(u_neighboursTextureB, v_coordinates).rgba;\r\n\r\n vec3 a = texture2D(u_positionsTexture, getBaseTextureCoordinates(neighboursA.x)).rgb;\r\n vec3 b = texture2D(u_positionsTexture, getBaseTextureCoordinates(neighboursA.y)).rgb;\r\n vec3 c = texture2D(u_positionsTexture, getBaseTextureCoordinates(neighboursA.z)).rgb;\r\n vec3 d = texture2D(u_positionsTexture, getBaseTextureCoordinates(neighboursA.w)).rgb;\r\n vec3 e = texture2D(u_positionsTexture, getBaseTextureCoordinates(neighboursB.x)).rgb;\r\n vec3 f = texture2D(u_positionsTexture, getBaseTextureCoordinates(neighboursB.y)).rgb;\r\n\r\n vec3 normal = vec3(0.0);\r\n\r\n //assumes vertex has either 5 or 6 neighbours\r\n normal += cross(a - center, b - center);\r\n normal += cross(b - center, c - center);\r\n normal += cross(c - center, d - center);\r\n normal += cross(d - center, e - center);\r\n\r\n if (neighboursB.y >= 0.0) {\r\n normal += cross(e - center, f - center);\r\n normal += cross(f - center, a - center);\r\n } else {\r\n normal += cross(e - center, a - center);\r\n }\r\n \r\n normal = normalize(normal);\r\n\r\n gl_FragColor = vec4(-normal, 0.0);\r\n}\r\n","nose.frag":"//needs lightingcommon.glsl\r\n\r\nvoid main () {\r\n vec3 normal = normalize(v_normal);\r\n\r\n if (!gl_FrontFacing) {\r\n normal *= -1.0;\r\n }\r\n\r\n vec3 color = shadeSkin(v_worldPosition, normal);\r\n\r\n gl_FragColor = vec4(gammaCorrect(color), 1.0);\r\n}\r\n","nose.vert":"precision highp float;\r\n\r\nattribute vec3 a_position;\r\nattribute vec3 a_normal;\r\n\r\nuniform mat4 u_projectionViewMatrix;\r\nuniform mat4 u_modelMatrix;\r\n\r\nvarying vec3 v_worldPosition;\r\nvarying vec3 v_normal;\r\n\r\nvoid main () {\r\n v_normal = normalize((u_modelMatrix * vec4(a_normal, 0.0)).xyz);\r\n v_worldPosition = (u_modelMatrix * vec4(a_position, 1.0)).xyz;\r\n\r\n gl_Position = u_projectionViewMatrix * vec4(v_worldPosition, 1.0);\r\n}\r\n","setposition.frag":"precision highp float;\r\n\r\nvarying vec3 v_position;\r\n\r\nvoid main () {\r\n gl_FragColor = vec4(v_position, 0.0);\r\n}\r\n","setposition.vert":"precision highp float;\r\n\r\nattribute float a_index;\r\nattribute vec3 a_position;\r\n\r\nuniform vec2 u_resolution;\r\n\r\nvarying vec3 v_position;\r\n\r\n//use slight offsets to compensate for floating point inaccuracy\r\nvec2 getBaseTextureCoordinates (float index) {\r\n return (vec2(floor(mod((index + 0.5), u_resolution.x)), floor((index + 0.5) / u_resolution.x)) + 0.5) / u_resolution;\r\n}\r\n\r\nvoid main () {\r\n v_position = a_position;\r\n\r\n gl_PointSize = 1.0;\r\n\r\n vec2 coordinates = getBaseTextureCoordinates(a_index);\r\n\r\n gl_Position = vec4(coordinates * 2.0 - 1.0, 0.0, 1.0);\r\n}\r\n","skindepth.frag":"precision highp float;\r\n\r\nvarying vec4 v_clipSpacePosition;\r\n\r\nconst float PackUpscale = 256.0 / 255.0;\r\nconst float UnpackDownscale = 255.0 / 256.0;\r\n\r\nconst vec3 PackFactors = vec3(256.0 * 256.0 * 256.0, 256.0 * 256.0, 256.0);\r\nconst vec4 UnpackFactors = UnpackDownscale / vec4(PackFactors, 1.0);\r\n\r\nconst float ShiftRight8 = 1.0 / 256.0;\r\n\r\nvec4 packDepthToRGBA( const in float v ) {\r\n vec4 r = vec4( fract( v * PackFactors ), v );\r\n r.yzw -= r.xyz * ShiftRight8; // tidy overflow\r\n return r * PackUpscale;\r\n}\r\n\r\nvoid main () {\r\n float ndcDepth = v_clipSpacePosition.z / v_clipSpacePosition.w;\r\n gl_FragColor = packDepthToRGBA(ndcDepth * 0.5 + 0.5);\r\n}\r\n","skindepth.vert":"precision highp float;\r\n\r\nattribute vec2 a_textureCoordinates;\r\n\r\nuniform sampler2D u_positionsTexture;\r\n\r\nvarying vec4 v_clipSpacePosition;\r\n\r\nuniform mat4 u_projectionViewModelMatrix;\r\n\r\nvoid main () {\r\n vec3 position = texture2D(u_positionsTexture, a_textureCoordinates).rgb;\r\n\r\n v_clipSpacePosition = u_projectionViewModelMatrix * vec4(position, 1.0);\r\n\r\n gl_Position = v_clipSpacePosition;\r\n}\r\n","staticskin.vert":"//define DEPTH for depth only\r\n\r\nprecision highp float;\r\n\r\nattribute vec3 a_associations;\r\nattribute vec3 a_barycentricCoordinates;\r\n\r\n#ifndef DEPTH\r\nattribute float a_mouthiness;\r\n#endif\r\n\r\n#ifndef DEPTH\r\nuniform mat4 u_projectionViewMatrix;\r\nuniform mat4 u_modelMatrix;\r\n#else\r\nuniform mat4 u_projectionViewModelMatrix;\r\n#endif\r\n\r\nuniform sampler2D u_basePositionsTexture;\r\nuniform sampler2D u_baseNormalsTexture;\r\nuniform vec2 u_baseTextureResolution;\r\n\r\n#ifndef DEPTH\r\nvarying vec3 v_normal;\r\nvarying vec3 v_worldPosition;\r\nvarying float v_mouthiness;\r\n#endif\r\n\r\n#ifdef DEPTH\r\nvarying vec4 v_clipSpacePosition;\r\n#endif\r\n\r\n//use slight offsets to compensate for floating point inaccuracy\r\nvec2 getBaseTextureCoordinates (float index) {\r\n return (vec2(floor(mod((index + 0.5), u_baseTextureResolution.x)), floor((index + 0.5) / u_baseTextureResolution.x)) + 0.5) / u_baseTextureResolution;\r\n}\r\n\r\nvoid main () {\r\n vec3 associations = a_associations;\r\n vec3 barycentricCoordinates = a_barycentricCoordinates;\r\n\r\n #ifndef DEPTH\r\n v_mouthiness = a_mouthiness;\r\n #endif\r\n\r\n float u = barycentricCoordinates.y;\r\n float v = barycentricCoordinates.z;\r\n float w = barycentricCoordinates.x;\r\n\r\n vec3 p1 = texture2D(u_basePositionsTexture, getBaseTextureCoordinates(associations.x)).rgb;\r\n vec3 p2 = texture2D(u_basePositionsTexture, getBaseTextureCoordinates(associations.y)).rgb;\r\n vec3 p3 = texture2D(u_basePositionsTexture, getBaseTextureCoordinates(associations.z)).rgb;\r\n\r\n vec3 n1 = texture2D(u_baseNormalsTexture, getBaseTextureCoordinates(associations.x)).rgb;\r\n vec3 n2 = texture2D(u_baseNormalsTexture, getBaseTextureCoordinates(associations.y)).rgb;\r\n vec3 n3 = texture2D(u_baseNormalsTexture, getBaseTextureCoordinates(associations.z)).rgb;\r\n\r\n vec3 b300 = p1;\r\n vec3 b030 = p2;\r\n vec3 b003 = p3;\r\n\r\n vec3 b210 = (2.0 * p1 + p2 - dot(p2 - p1, n1) * n1) / 3.0;\r\n vec3 b120 = (2.0 * p2 + p1 - dot(p1 - p2, n2) * n2) / 3.0;\r\n vec3 b021 = (2.0 * p2 + p3 - dot(p3 - p2, n2) * n2) / 3.0;\r\n vec3 b012 = (2.0 * p3 + p2 - dot(p2 - p3, n3) * n3) / 3.0;\r\n vec3 b102 = (2.0 * p3 + p1 - dot(p1 - p3, n3) * n3) / 3.0;\r\n vec3 b201 = (2.0 * p1 + p3 - dot(p3 - p1, n1) * n1) / 3.0;\r\n\r\n vec3 E = (b210 + b120 + b021 + b012 + b102 + b201) / 6.0;\r\n vec3 V = (p1 + p2 + p3) / 3.0;\r\n\r\n vec3 b111 = E + (E - V) / 2.0;\r\n\r\n float u2 = u * u;\r\n float u3 = u2 * u;\r\n\r\n float v2 = v * v;\r\n float v3 = v2 * v;\r\n\r\n float w2 = w * w;\r\n float w3 = w2 * w;\r\n\r\n vec3 position = b300 * w3 + b030 * u3 + b003 * v3\r\n + b210 * 3.0 * w2 * u + b120 * 3.0 * w * u2 + b201 * 3.0 * w2 * v\r\n + b021 * 3.0 * u2 * v + b102 * 3.0 * w * v2 + b012 * 3.0 * u * v2\r\n + b111 * 6.0 * w * u * v;\r\n\r\n\r\n #ifndef DEPTH\r\n\r\n vec3 n200 = n1;\r\n vec3 n020 = n2;\r\n vec3 n002 = n3;\r\n\r\n vec3 n110 = normalize(n1 + n2 - (2.0 * dot(p2 - p1, n1 + n2) / dot(p2 - p1, p2 - p1)) * (p2 - p1));\r\n vec3 n011 = normalize(n2 + n3 - (2.0 * dot(p3 - p2, n2 + n3) / dot(p3 - p2, p3 - p2)) * (p3 - p2));\r\n vec3 n101 = normalize(n3 + n1 - (2.0 * dot(p1 - p3, n3 + n1) / dot(p1 - p3, p1 - p3)) * (p1 - p3));\r\n\r\n //v_normal = normalize(n200 * w + n020 * u + n002 * v);\r\n v_normal = normalize(n200 * w2 + n020 * u2 + n002 * v2 + n110 * w * u + n011 * u * v + n101 * w * v);\r\n\r\n v_normal = (u_modelMatrix * vec4(v_normal, 0.0)).xyz;\r\n v_worldPosition = (u_modelMatrix * vec4(position, 1.0)).xyz;\r\n\r\n gl_Position = u_projectionViewMatrix * vec4(v_worldPosition, 1.0);\r\n\r\n #else\r\n\r\n v_clipSpacePosition = u_projectionViewModelMatrix * vec4(position, 1.0);\r\n gl_Position = v_clipSpacePosition;\r\n\r\n #endif\r\n}\r\n","wrinkle.frag":"//needs lightingcommon.glsl\r\n\r\nvarying float v_mouthiness;\r\n\r\nuniform vec3 u_mouthColor;\r\n\r\nvoid main () {\r\n vec3 normal = normalize(v_normal);\r\n if (!gl_FrontFacing) {\r\n normal *= -1.0;\r\n }\r\n\r\n vec3 color = shadeSkin(v_worldPosition, normal);\r\n\r\n float mouthFactor = smoothstep(0.15, 0.125, v_mouthiness);\r\n if (gl_FrontFacing) {\r\n color = mix(u_mouthColor, color, mouthFactor);\r\n }\r\n\r\n gl_FragColor = vec4(gammaCorrect(color), mouthFactor);\r\n}\r\n","wrinkle.vert":"precision highp float;\r\n\r\nattribute vec2 a_textureCoordinates;\r\n\r\nuniform sampler2D u_positionsTexture;\r\nuniform sampler2D u_normalsTexture;\r\nuniform sampler2D u_mouthinessTexture;\r\n\r\nuniform mat4 u_modelMatrix;\r\nuniform mat4 u_projectionViewMatrix;\r\n\r\nvarying vec3 v_normal;\r\nvarying vec3 v_worldPosition;\r\nvarying float v_mouthiness;\r\n\r\nvoid main () {\r\n vec3 position = texture2D(u_positionsTexture, a_textureCoordinates).rgb;\r\n vec3 normal = texture2D(u_normalsTexture, a_textureCoordinates).rgb;\r\n v_mouthiness = texture2D(u_mouthinessTexture, a_textureCoordinates).r;\r\n\r\n v_normal = normalize((u_modelMatrix * vec4(normal, 0.0)).xyz);\r\n v_worldPosition = (u_modelMatrix * vec4(position, 1.0)).xyz;\r\n\r\n gl_Position = u_projectionViewMatrix * vec4(v_worldPosition, 1.0);\r\n}\r\n"},u=function(e,t,r){return Math.max(t,Math.min(r,e))},o=function(e,t){var r=t.getBoundingClientRect();return{x:e.clientX-r.left,y:e.clientY-r.top}},R={identity:function(){return[0,0,0,1]},makeIdentity:function(e){return e[0]=0,e[1]=0,e[2]=0,e[3]=1,e},length:function(e){return e[0]*e[0]+e[1]*e[1]+e[2]*e[2]+e[3]*e[3]},invert:function(e,t){var r=1/(t[0]*t[0]+t[1]*t[1]+t[2]*t[2]+t[3]*t[3]);return e[0]=-t[0]*r,e[1]=-t[1]*r,e[2]=-t[2]*r,e[3]=t[3]*r,e},multiply:function(e,t,r){var n=t[0],i=t[1],o=t[2],a=t[3],s=r[0],u=r[1],h=r[2],c=r[3];return e[0]=s*n-u*i-h*o-c*a,e[1]=s*i+u*n+h*a-c*o,e[2]=s*o-u*a+h*n+c*i,e[3]=s*a+u*o-h*i+c*n,e},normalize:function(e,t){var r=1/Math.sqrt(t[0]*t[0]+t[1]*t[1]+t[2]*t[2]+t[3]*t[3]);return e[0]=t[0]*r,e[1]=t[1]*r,e[2]=t[2]*r,e[3]=t[3]*r,e},fromAxisAngle:function(e,t,r){return e[0]=t[0]*Math.sin(r/2),e[1]=t[1]*Math.sin(r/2),e[2]=t[2]*Math.sin(r/2),e[3]=Math.cos(r/2),e},slerp:function(e,t,r,n){var i,o,a,s,u,h=t[0],c=t[1],l=t[2],f=t[3],d=r[0],m=r[1],p=r[2],g=r[3];return(o=h*d+c*m+l*p+f*g)<0&&(o=-o,d=-d,m=-m,p=-p,g=-g),u=1e-6<1-o?(i=Math.acos(o),a=Math.sin(i),s=Math.sin((1-n)*i)/a,Math.sin(n*i)/a):(s=1-n,n),e[0]=s*h+u*d,e[1]=s*c+u*m,e[2]=s*l+u*p,e[3]=s*f+u*g,R.normalize(e,e),e}},P={set:function(e,t,r,n){return e[0]=t,e[1]=r,e[2]=n,e},copy:function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e},clone:function(e){return[e[0],e[1],e[2]]},dot:function(e,t){return e[0]*t[0]+e[1]*t[1]+e[2]*t[2]},scaleAndAdd:function(e,t,r,n){return e[0]=t[0]+r[0]*n,e[1]=t[1]+r[1]*n,e[2]=t[2]+r[2]*n,e},cross:function(e,t,r){var n=t[0],i=t[1],o=t[2],a=r[0],s=r[1],u=r[2];return e[0]=i*u-o*s,e[1]=o*a-n*u,e[2]=n*s-i*a,e},coneClamp:function(e,t,r,n){if(P.dot(t,r)<-.9999)return e;var i=Math.acos(P.dot(t,r));if(nt&&(r[o.a]=o.b,-1===n&&(n=o.a)),s.mouthiness===t&&u.mouthiness===t&&a.mouthiness>t&&(r[o.b]=o.c,-1===n&&(n=o.b)),u.mouthiness===t&&a.mouthiness===t&&s.mouthiness>t&&(r[o.c]=o.a,-1===n&&(n=o.c))}for(var h=[n];r[h[h.length-1]]!==h[0];)h.push(r[h[h.length-1]]);return h}(i,e),n=0;n",function h(e,t){for(var r=function u(e,t){var r=[],n=.5/(e/2)-1,i=1/(e/2);n*=t,i*=t;for(var o=0;o>1,(this.getEyeIndices(r)>>1)+this.getEyeIndexCount()),this.vertices=this.module.HEAPF32.subarray(this.getEyePositionData(r)>>2,(this.getEyePositionData(r)>>2)+3*this.getEyeVertexCount(r)),this.normals=this.module.HEAPF32.subarray(this.getEyeNormalData(r)>>2,(this.getEyeNormalData(r)>>2)+3*this.getEyeVertexCount(r)),this.positionsBuffer=t.buildBuffer(t.ARRAY_BUFFER,this.vertices,t.STATIC_DRAW),this.normalsBuffer=t.buildBuffer(t.ARRAY_BUFFER,this.normals,t.STATIC_DRAW),this.indexBuffer=t.buildBuffer(t.ELEMENT_ARRAY_BUFFER,this.indices,t.STATIC_DRAW),this.indicesCount=this.indices.length,this.lookDirection=[0,0,1]}function X(e,t,r){this.module=e,this.wgl=t,this.index=r,this.getPositionData=this.module.cwrap("getEarPositionData","number",["number"]),this.getNormalData=this.module.cwrap("getEarNormalData","number",["number"]),this.getVertexCount=this.module.cwrap("getEarVertexCount","number",["number"]),this.getIndices=this.module.cwrap("getEarIndices","number",["number"]),this.getIndexCount=this.module.cwrap("getEarIndexCount","number",["number"]),this.indices=this.module.HEAPU16.subarray(this.getIndices(this.index)>>1,(this.getIndices(this.index)>>1)+this.getIndexCount(this.index)),this.vertices=this.module.HEAPF32.subarray(this.getPositionData(this.index)>>2,(this.getPositionData(this.index)>>2)+3*this.getVertexCount(this.index)),this.normals=this.module.HEAPF32.subarray(this.getNormalData(this.index)>>2,(this.getNormalData(this.index)>>2)+3*this.getVertexCount(this.index)),this.positionsBuffer=t.buildBuffer(t.ARRAY_BUFFER,this.vertices,t.STATIC_DRAW),this.normalsBuffer=t.buildBuffer(t.ARRAY_BUFFER,this.normals,t.STATIC_DRAW),this.indexBuffer=t.buildBuffer(t.ELEMENT_ARRAY_BUFFER,this.indices,t.STATIC_DRAW),this.indicesCount=this.indices.length}function z(e,t,r){this.a=e,this.b=t,this.c=r}function Y(e,t){this.baseTriangleIndex=e,this.barycentricCoordinates=t}function j(e){this.baseAssociations=e,this.restPosition=[0,0,0]}function q(e,t,r){return(1-r)*e+r*t}function K(e,t,r,n,i,o){for(var a=[],s=0;s>2,(this.getHairPositionData()>>2)+3*this.getHairVertexCount()),this.hairIndices=this.module.HEAPU16.subarray(this.getHairIndexData()>>1,(this.getHairIndexData()>>1)+this.getHairIndexCount()),this.perturbationTexture3DWidth=32,this.perturbationTexture3D=function i(e,t){for(var r=new Uint8Array(t*t*t*4),n=0;n>1,(this.getNoseIndices()>>1)+this.getNoseIndexCount()),this.vertices=this.module.HEAPF32.subarray(this.getNosePositionData()>>2,(this.getNosePositionData()>>2)+3*this.getNoseVertexCount()),this.normals=this.module.HEAPF32.subarray(this.getNoseNormalData()>>2,(this.getNoseNormalData()>>2)+3*this.getNoseVertexCount()),this.positionsBuffer=t.buildBuffer(t.ARRAY_BUFFER,new Float32Array(this.vertices),t.STATIC_DRAW),this.normalsBuffer=t.buildBuffer(t.ARRAY_BUFFER,new Float32Array(this.normals),t.STATIC_DRAW),this.indexBuffer=t.buildBuffer(t.ELEMENT_ARRAY_BUFFER,new Uint16Array(this.indices),t.STATIC_DRAW),this.indicesCount=this.indices.length}C.prototype.createPrograms=function(e,t){var r=this.wgl;0===t?this.programSets[e].wrinkleProgram=r.createProgram(i["wrinkle.vert"],this.lightingCommons[e]+i["wrinkle.frag"],{a_textureCoordinates:0}):1===t?this.programSets[e].hairProgram=r.createProgram(i["hair.vert"],this.lightingCommons[e]+i["hair.frag"]):2===t?this.programSets[e].eyeProgram=r.createProgram(i["eye.vert"],this.lightingCommons[e]+i["eye.frag"],{a_position:0,a_normal:1}):3===t&&(this.programSets[e].appendageProgram=r.createProgram(i["nose.vert"],this.lightingCommons[e]+i["nose.frag"],{a_position:0,a_normal:1}))},C.prototype.onResize=function(){var e=this.wgl;e.rebuildTexture(this.colorTexture,e.RGBA,e.UNSIGNED_BYTE,this.canvas.width,this.canvas.height,null,e.CLAMP_TO_EDGE,e.CLAMP_TO_EDGE,e.LINEAR,e.LINEAR),e.rebuildTexture(this.colorTextureTemp,e.RGBA,e.UNSIGNED_BYTE,this.canvas.width,this.canvas.height,null,e.CLAMP_TO_EDGE,e.CLAMP_TO_EDGE,e.LINEAR,e.LINEAR),e.renderbufferStorage(this.depthRenderbuffer,e.RENDERBUFFER,e.DEPTH_COMPONENT16,this.canvas.width,this.canvas.height)},C.prototype.setLightingUniforms=function(e,t){var r=this.lights[0],n=this.wgl;e.uniformMatrix4fv("u_projectionViewMatrix",!1,this.projectionViewMatrix).uniformMatrix4fv("u_modelMatrix",!1,this.modelMatrix).uniform3f("u_cameraPosition",this.cameraPosition[0],this.cameraPosition[1],this.cameraPosition[2]).uniform3f("u_skinAlbedo",D[0],D[1],D[2]);for(var i=0;ithis.canvas.height?this.projectionMatrix=B.makePerspective(new Float32Array(16),this.fov,this.canvas.width/this.canvas.height,.1,100):this.projectionMatrix=B.makePerspectiveHorizontal(new Float32Array(16),this.fov,this.canvas.width/this.canvas.height,.1,100),this.projectionViewMatrix=B.premultiply(new Float32Array(16),this.viewMatrix,this.projectionMatrix)},C.prototype.render=function(e,t,r,n,i,o,a,s,u,h,c,l,f,d,m){var p=this.programSets[m];this.projectionViewMatrix=B.premultiply(new Float32Array(16),this.viewMatrix,this.projectionMatrix),this.modelMatrix=e;var g=this.wgl;this.shadowRenderer.render(e,t,r,n,i,o,a,s,u,h,c,this.lights,m),g.framebufferTexture2D(this.framebuffer,g.FRAMEBUFFER,g.COLOR_ATTACHMENT0,g.TEXTURE_2D,this.colorTexture,0),g.framebufferRenderbuffer(this.framebuffer,g.FRAMEBUFFER,g.DEPTH_ATTACHMENT,g.RENDERBUFFER,this.depthRenderbuffer),g.clear(g.createClearState().bindFramebuffer(this.framebuffer),g.COLOR_BUFFER_BIT|g.DEPTH_BUFFER_BIT),g.framebufferTexture2D(this.framebuffer,g.FRAMEBUFFER,g.COLOR_ATTACHMENT0,g.TEXTURE_2D,this.colorTextureTemp,0),g.clear(g.createClearState().bindFramebuffer(this.framebuffer),g.COLOR_BUFFER_BIT|g.DEPTH_BUFFER_BIT),g.framebufferTexture2D(this.framebuffer,g.FRAMEBUFFER,g.COLOR_ATTACHMENT0,g.TEXTURE_2D,this.colorTexture,0);var _=s.getMesh(m),v=g.createDrawState().bindFramebuffer(this.framebuffer).enable(g.DEPTH_TEST).viewport(0,0,this.canvas.width,this.canvas.height).uniformTexture("u_basePositionsTexture",0,g.TEXTURE_2D,s.basePositionsTexture).uniformTexture("u_baseNormalsTexture",1,g.TEXTURE_2D,s.baseNormalsTexture).uniformTexture("u_perturbationTexture3D",2,g.TEXTURE_2D,s.perturbationTexture3D).uniform1f("u_perturbationTextureWidth",s.perturbationTexture3DWidth).uniform2f("u_baseTextureResolution",s.baseTextureWidth,s.baseTextureHeight).uniform3f("u_hairAlbedo",N[0],N[1],N[2]).vertexAttribPointer(_.associationsBuffer,p.hairProgram.getAttribLocation("a_associations"),3,g.FLOAT,!1,0,0).vertexAttribPointer(_.barycentricCoordinatesBuffer,p.hairProgram.getAttribLocation("a_barycentricCoordinates"),3,g.FLOAT,!1,0,0).vertexAttribPointer(_.restPositionsBuffer,p.hairProgram.getAttribLocation("a_restPosition"),3,g.FLOAT,!1,0,0).bindIndexBuffer(_.indexBuffer).useProgram(p.hairProgram);if(this.setLightingUniforms(v,3),v.colorMask(!1,!1,!1,!1),g.drawElements(v,g.TRIANGLES,_.indexCount,g.UNSIGNED_SHORT,0),i){var T=g.createDrawState().bindFramebuffer(this.framebuffer).enable(g.DEPTH_TEST).viewport(0,0,this.canvas.width,this.canvas.height).uniformTexture("u_basePositionsTexture",0,g.TEXTURE_2D,t.basePositionsTexture).uniformTexture("u_baseNormalsTexture",1,g.TEXTURE_2D,t.baseNormalsTexture).uniform2f("u_baseTextureResolution",t.textureWidth,t.textureHeight).uniform3f("u_hairAlbedo",N[0],N[1],N[2]).vertexAttribPointer(n.associationsBuffer,this.staticSkinProgram.getAttribLocation("a_associations"),3,g.FLOAT,!1,0,0).vertexAttribPointer(n.barycentricCoordinatesBuffer,this.staticSkinProgram.getAttribLocation("a_barycentricCoordinates"),3,g.FLOAT,!1,0,0).vertexAttribPointer(n.mouthinessesBuffer,this.staticSkinProgram.getAttribLocation("a_mouthiness"),1,g.FLOAT,!1,0,0).uniform3f("u_mouthColor",V[0],V[1],V[2]).bindIndexBuffer(n.indexBuffer).useProgram(this.staticSkinProgram);this.setLightingUniforms(T,3),T.colorMask(!1,!1,!1,!1),g.drawElements(T,g.TRIANGLES,n.indexCount,g.UNSIGNED_SHORT,0),T.colorMask(!0,!0,!0,!0),T.depthFunc(g.LEQUAL),g.drawElements(T,g.TRIANGLES,n.indexCount,g.UNSIGNED_SHORT,0)}else{var E=r.getWrinkleMesh(m),b=g.createDrawState().bindFramebuffer(this.framebuffer).viewport(0,0,this.canvas.width,this.canvas.height).enable(g.DEPTH_TEST).vertexAttribPointer(E.vertexBuffer,0,2,g.FLOAT,g.FALSE,0,0).bindIndexBuffer(E.indexBuffer).uniformTexture("u_positionsTexture",0,g.TEXTURE_2D,E.positionsTexture).uniformTexture("u_normalsTexture",1,g.TEXTURE_2D,E.normalsTexture).uniformTexture("u_mouthinessTexture",2,g.TEXTURE_2D,E.mouthinessTexture).uniform3f("u_mouthColor",V[0],V[1],V[2]).useProgram(p.wrinkleProgram);this.setLightingUniforms(b,3),b.colorMask(!1,!1,!1,!1),g.drawElements(b,E.wireframe?g.LINES:g.TRIANGLES,E.wrinkleIndexCount,g.UNSIGNED_SHORT,0),b.colorMask(!0,!0,!0,!0),b.depthFunc(g.LEQUAL),g.drawElements(b,E.wireframe?g.LINES:g.TRIANGLES,E.wrinkleIndexCount,g.UNSIGNED_SHORT,0)}var x=function(e){var t=g.createDrawState().bindFramebuffer(this.framebuffer).viewport(0,0,this.canvas.width,this.canvas.height).enable(g.DEPTH_TEST).vertexAttribPointer(e.positionsBuffer,0,3,g.FLOAT,g.FALSE,0,0).vertexAttribPointer(e.normalsBuffer,1,3,g.FLOAT,g.FALSE,0,0).bindIndexBuffer(e.indexBuffer).useProgram(p.appendageProgram);this.setLightingUniforms(t,0),g.drawElements(t,g.TRIANGLES,e.indicesCount,g.UNSIGNED_SHORT,0)}.bind(this);x(u),x(h),x(c),g.clear(g.createClearState().clearColor(0,0,0,1),g.COLOR_BUFFER_BIT,g.DEPTH_BUFFER_BIT),g.framebufferRenderbuffer(this.framebuffer,g.FRAMEBUFFER,g.DEPTH_ATTACHMENT,g.RENDERBUFFER,null);var A=g.createDrawState().viewport(0,0,this.canvas.width,this.canvas.height).vertexAttribPointer(this.quadVertexBuffer,0,2,g.FLOAT,!1,0,0).uniform2f("u_resolution",this.canvas.width,this.canvas.height).uniformMatrix4fv("u_projectionMatrix",!1,this.projectionMatrix).uniform1f("u_near",.1).uniform1f("u_far",100).useProgram(p.sssBlurProgram);function y(e,t){var r=g.createDrawState().bindFramebuffer(this.framebuffer).enable(g.DEPTH_TEST).viewport(0,0,this.canvas.width,this.canvas.height).vertexAttribPointer(e.positionsBuffer,0,3,g.FLOAT,!1,0,0).vertexAttribPointer(e.normalsBuffer,1,3,g.FLOAT,!1,0,0).bindIndexBuffer(e.indexBuffer).uniform3f("u_eyePosition",e.position[0],e.position[1],e.position[2]).uniform1f("u_pupilNoiseOffset",t).uniform3f("u_lookDirection",e.lookDirection[0],e.lookDirection[1],e.lookDirection[2]).useProgram(p.eyeProgram);this.setLightingUniforms(r,0),g.drawElements(r,g.TRIANGLES,e.indicesCount,g.UNSIGNED_SHORT,0)}g.framebufferTexture2D(this.framebuffer,g.FRAMEBUFFER,g.COLOR_ATTACHMENT0,g.TEXTURE_2D,this.colorTextureTemp,0),A.bindFramebuffer(this.framebuffer).uniformTexture("u_colorTexture",0,g.TEXTURE_2D,this.colorTexture).uniform2f("u_direction",1,0),g.drawArrays(A,g.TRIANGLE_STRIP,0,4),g.framebufferTexture2D(this.framebuffer,g.FRAMEBUFFER,g.COLOR_ATTACHMENT0,g.TEXTURE_2D,this.colorTexture,0),A.bindFramebuffer(this.framebuffer).uniformTexture("u_colorTexture",0,g.TEXTURE_2D,this.colorTextureTemp).uniform2f("u_direction",0,1),g.drawArrays(A,g.TRIANGLE_STRIP,0,4),y=y.bind(this),g.framebufferTexture2D(this.framebuffer,g.FRAMEBUFFER,g.COLOR_ATTACHMENT0,g.TEXTURE_2D,this.colorTexture,0),g.framebufferRenderbuffer(this.framebuffer,g.FRAMEBUFFER,g.DEPTH_ATTACHMENT,g.RENDERBUFFER,this.depthRenderbuffer),y(o,0),y(a,123),v.colorMask(!0,!0,!0,!0),v.depthFunc(g.LEQUAL),g.drawElements(v,g.TRIANGLES,_.indexCount,g.UNSIGNED_SHORT,0);var R=g.createDrawState().bindFramebuffer(this.framebuffer).viewport(0,0,this.canvas.width,this.canvas.height).enable(g.DEPTH_TEST).depthMask(!1).vertexAttribPointer(this.quadVertexBuffer,0,2,g.FLOAT,!1,0,0).useProgram(this.backgroundProgram).uniformMatrix4fv("u_projectionViewMatrix",!1,this.projectionViewMatrix).uniform3f("u_cameraPosition",this.cameraPosition[0],this.cameraPosition[1],this.cameraPosition[2]).uniform3f("u_color",G[0],G[1],G[2]);if(this.canvas.width>this.canvas.height?R.uniform2f("u_scale",Math.tan(this.fov/2)*this.canvas.width/this.canvas.height,Math.tan(this.fov/2)):R.uniform2f("u_scale",Math.tan(this.fov/2),Math.tan(this.fov/2)*this.canvas.height/this.canvas.width),g.drawArrays(R,g.TRIANGLE_STRIP,0,4),0===d){var P=g.createDrawState().bindFramebuffer(null).viewport(0,0,this.canvas.width,this.canvas.height).vertexAttribPointer(this.quadVertexBuffer,0,2,g.FLOAT,!1,0,0).uniformTexture("u_input",0,g.TEXTURE_2D,this.colorTexture).uniform2f("u_resolution",this.canvas.width,this.canvas.height).uniform1f("u_scale",l).useProgram(this.fxaaProgram);g.drawArrays(P,g.TRIANGLE_STRIP,0,4)}else{g.framebufferTexture2D(this.framebuffer,g.FRAMEBUFFER,g.COLOR_ATTACHMENT0,g.TEXTURE_2D,this.colorTextureTemp,0);P=g.createDrawState().bindFramebuffer(this.framebuffer).viewport(0,0,this.canvas.width,this.canvas.height).vertexAttribPointer(this.quadVertexBuffer,0,2,g.FLOAT,!1,0,0).uniformTexture("u_input",0,g.TEXTURE_2D,this.colorTexture).uniform2f("u_resolution",this.canvas.width,this.canvas.height).uniform1f("u_scale",l).useProgram(this.fxaaProgram);g.drawArrays(P,g.TRIANGLE_STRIP,0,4);var D=[0,-.85,0,1];B.multiplyVector(D,this.projectionViewMatrix,D);var w=this.canvas.height*(D[1]/D[3]*.5+.5)-.06*this.canvas.height,F=Math.floor(this.canvas.width/2-f.width/2),S=g.createDrawState().bindFramebuffer(this.framebuffer).viewport(F,w-f.height,f.width,f.height).enable(g.DEPTH_TEST).depthMask(!1).vertexAttribPointer(this.quadVertexBuffer,0,2,g.FLOAT,!1,0,0).useProgram(this.imageProgram).enable(g.BLEND).blendFunc(g.ONE,g.ONE_MINUS_SRC_ALPHA).uniformTexture("u_image",0,g.TEXTURE_2D,f.texture).uniform1f("u_alpha",d);g.drawArrays(S,g.TRIANGLE_STRIP,0,4);var C=g.createDrawState().bindFramebuffer(null).viewport(0,0,this.canvas.width,this.canvas.height).vertexAttribPointer(this.quadVertexBuffer,0,2,g.FLOAT,!1,0,0).uniformTexture("u_colorTexture",0,g.TEXTURE_2D,this.colorTextureTemp).useProgram(this.compositeProgram);g.drawArrays(C,g.TRIANGLE_STRIP,0,4)}},C.prototype.getRayDirection=function(e,t){var r=2*Math.atan(1/this.projectionMatrix[5]),n=[e*Math.tan(r/2)*(this.canvas.width/this.canvas.height),t*Math.tan(r/2),-1],i=B.invert([],this.viewMatrix),o=B.transformDirection([],n,i);return P.normalize(o,o),o},W.prototype.update=function(e,t,r){var n=this.wgl;this.vertices=this.module.HEAPF32.subarray(this.getEyePositionData(this.index)>>2,(this.getEyePositionData(this.index)>>2)+3*this.getEyeVertexCount(this.index)),this.normals=this.module.HEAPF32.subarray(this.getEyeNormalData(this.index)>>2,(this.getEyeNormalData(this.index)>>2)+3*this.getEyeVertexCount(this.index)),n.bufferData(this.positionsBuffer,n.ARRAY_BUFFER,this.vertices,n.DYNAMIC_DRAW),n.bufferData(this.normalsBuffer,n.ARRAY_BUFFER,this.normals,n.DYNAMIC_DRAW),this.position=[e.positions[3*this.baseIndex+0],e.positions[3*this.baseIndex+1],e.positions[3*this.baseIndex+2]];var i=[e.normals[3*this.baseIndex+0],e.normals[3*this.baseIndex+1],e.normals[3*this.baseIndex+2]];P.multiplyByQuaternion(this.position,this.position,r),P.multiplyByQuaternion(i,i,r);var o=P.normalize([],P.subtract([],t,this.position));P.coneClamp(o,i,o,1.3),P.slerp(this.lookDirection,this.lookDirection,o,.7)},X.prototype.update=function(e){var t=this.wgl;this.vertices=this.module.HEAPF32.subarray(this.getPositionData(this.index)>>2,(this.getPositionData(this.index)>>2)+3*this.getVertexCount(this.index)),this.normals=this.module.HEAPF32.subarray(this.getNormalData(this.index)>>2,(this.getNormalData(this.index)>>2)+3*this.getVertexCount(this.index)),t.bufferData(this.positionsBuffer,t.ARRAY_BUFFER,this.vertices,t.DYNAMIC_DRAW),t.bufferData(this.normalsBuffer,t.ARRAY_BUFFER,this.normals,t.DYNAMIC_DRAW)},J.prototype.createMesh=function(e){var t=this.wgl;0===e?this.meshes[0]=new Z(t,1,this.getHairVertexCount(),this.hairIndices,this.baseRestPositions):1===e&&(this.meshes[1]=new Z(t,2,this.getHairVertexCount(),this.hairIndices,this.baseRestPositions))},J.prototype.getMesh=function(e){return this.meshes[e]},J.prototype.update=function(){for(var e=this.wgl,t=this.module.HEAPF32.subarray(this.getHairPositionData()>>2,(this.getHairPositionData()>>2)+3*this.getHairVertexCount()),r=this.module.HEAPF32.subarray(this.getHairNormalData()>>2,(this.getHairNormalData()>>2)+3*this.getHairVertexCount()),n=0;n>2,(this.getNosePositionData()>>2)+3*this.getNoseVertexCount()),this.normals=this.module.HEAPF32.subarray(this.getNoseNormalData()>>2,(this.getNoseNormalData()>>2)+3*this.getNoseVertexCount()),t.bufferData(this.positionsBuffer,t.ARRAY_BUFFER,this.vertices,t.DYNAMIC_DRAW),t.bufferData(this.normalsBuffer,t.ARRAY_BUFFER,this.normals,t.DYNAMIC_DRAW)};var ee=0;function te(e,t){var r=this.buttons=[document.getElementById("quality-medium"),document.getElementById("quality-high")];this.currentValue=e;for(var n=0;n

FilesExpand file tree

face.js

Latest commit

History

face.js

File metadata and controls