+ [
+ 0, 0, 0,
+ 0, 1, 0,
+ 0, 0, 0
+ ]
+
+ `,
+ return : 'Array'
+ }
+ :DOC*/
+ RedFilter_Convolution['NORMAL'] = [
+ 0, 0, 0,
+ 0, 1, 0,
+ 0, 0, 0
+ ];
+ /*DOC:
+ {
+ title :`RedFilter_Convolution.SHARPEN`,
+ code : 'CONST',
+ description : `
+
+ [
+ 0, -1, 0,
+ -1, 5, -1,
+ 0, -1, 0
+ ]
+
+ `,
+ return : 'Array'
+ }
+ :DOC*/
+ RedFilter_Convolution['SHARPEN'] = [
+ 0, -1, 0,
+ -1, 5, -1,
+ 0, -1, 0
+ ];
+ /*DOC:
+ {
+ title :`RedFilter_Convolution.BLUR`,
+ code : 'CONST',
+ description : `
+
+ [
+ 1, 1, 1,
+ 1, 1, 1,
+ 1, 1, 1
+ ]
+
+ `,
+ return : 'Array'
+ }
+ :DOC*/
+ RedFilter_Convolution['BLUR'] = [
+ 1, 1, 1,
+ 1, 1, 1,
+ 1, 1, 1
+ ];
+ /*DOC:
+ {
+ title :`RedFilter_Convolution.EDGE`,
+ code : 'CONST',
+ description : `
+
+ [
+ 0, 1, 0,
+ 1, -4, 1,
+ 0, 1, 0
+ ]
+
+ `,
+ return : 'Array'
+ }
+ :DOC*/
+ RedFilter_Convolution['EDGE'] = [
+ 0, 1, 0,
+ 1, -4, 1,
+ 0, 1, 0
+ ];
+ /*DOC:
+ {
+ title :`RedFilter_Convolution.EMBOSS`,
+ code : 'CONST',
+ description : `
+
+ [
+ -2, -1, 0,
+ -1, 1, 1,
+ 0, 1, 2
+ ]
+
+ `,
+ return : 'Array'
+ }
+ :DOC*/
+ RedFilter_Convolution['EMBOSS'] = [
+ -2, -1, 0,
+ -1, 1, 1,
+ 0, 1, 2
+ ];
+ Object.freeze(RedFilter_Convolution);
+})();
/*
* RedGL - MIT License
* Copyright (c) 2018 - 2019 By RedCamel(webseon@gmail.com)
@@ -27379,4 +30446,4 @@ var RedGLOffScreen;
};
RedWorkerCode = RedWorkerCode.toString().replace(/^function ?. ?\) ?\{|\}\;?$/g, '');
})();
-})();var RedGL_VERSION = {version : 'RedGL Release. last update( 2019-07-09 12:27:18)' };console.log(RedGL_VERSION);
\ No newline at end of file
+})();var RedGL_VERSION = {version : 'RedGL Release. last update( 2019-08-07 11:46:16)' };console.log(RedGL_VERSION);
\ No newline at end of file
diff --git a/release/RedGL.min.js b/release/RedGL.min.js
index 734e7e64..549ff927 100644
--- a/release/RedGL.min.js
+++ b/release/RedGL.min.js
@@ -2,11 +2,11 @@
* RedGL - MIT License
* Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
* https://github.com/redcamel/RedGL2/blob/dev/LICENSE
- * Last modification time of this file - 2019.7.9 12:29:10
+ * Last modification time of this file - 2019.8.7 11:52:14
*
*/
-var RedDefinePropertyInfo,RedGLDetect,RedGLUtil,RedGL,RedBoxSelection,RedBaseController,RedImageLoader,RedBaseTexture,RedBaseObject3D,RedBaseContainer,RedBaseLight,RedFrameBuffer,RedBuffer,RedGeometry,RedInterleaveInfo,RedBaseMaterial,RedTextureOptionChecker,RedBitmapTexture,RedVideoTexture,RedDDSTexture,RedBitmapCubeTexture,RedColorMaterial,RedColorPhongMaterial,RedColorPhongTextureMaterial,RedEnvironmentMaterial,RedBitmapMaterial,RedParticleMaterial,RedBitmapPointCloudMaterial,RedSheetMaterial,RedStandardMaterial,RedVideoMaterial,RedPBRMaterial,RedColorPointCloudMaterial,RedPBRMaterial_System,RedTextMaterial,RedAmbientLight,RedDirectionalLight,RedPointLight,RedMTLLoader,RedOBJLoader,Red3DSLoader,RedDAELoader,RedGLTFLoader,RedLinePoint,RedLathe,RedAxis,RedGrid,RedMesh,RedLine,RedLatheMesh,RedSkyBox,RedSprite3D,RedTransformController,RedPointCloud,RedParticleUnit,RedColorPointCloud,RedBitmapPointCloud,RedParticleEmitter,RedBox,RedCylinder,RedPlane,RedSphere,RedProgram,RedSystemShaderCode,RedShader,RedRenderer,RedRenderDebuger,RedSystemUniformUpdater,RedView,RedWorld,RedScene,RedCamera,RedBasicController,RedObitController,RedGridMaterial,RedSkyBoxMaterial,RedDirectionalShadowMaterial,RedPostEffectMaterial,RedDirectionalShadow,RedShadowManager,RedText,RedMouseEventManager,RedMouseEventMaterial,RedPostEffectManager,RedBasePostEffect,RedPostEffect_Bloom,RedPostEffect_BloomThreshold,RedPostEffect_Blur,RedPostEffect_BlurX,RedPostEffect_BlurY,RedPostEffect_GaussianBlur,RedPostEffect_ZoomBlur,RedPostEffect_BrightnessContrast,RedPostEffect_Threshold,RedPostEffect_Invert,RedPostEffect_Gray,RedPostEffect_HueSaturation,RedPostEffect_HalfTone,RedPostEffect_Pixelize,RedPostEffect_Convolution,RedPostEffect_DoF,RedPostEffect_DoF_DepthMaterial,RedPostEffect_Film,RedPostEffect_Vignetting,RedPostEffect_FXAA,RedGLOffScreen;!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var r=t();for(var i in r)("object"==typeof exports?exports:e)[i]=r[i]}}(this,function(){return function(e){function t(i){if(r[i])return r[i].exports;var n=r[i]={i:i,l:!1,exports:{}};return e[i].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var r={};return t.m=e,t.c=r,t.d=function(e,r,i){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=4)}([function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.setMatrixArrayType=function(e){t.ARRAY_TYPE=e},t.toRadian=function(e){return e*n},t.equals=function(e,t){return Math.abs(e-t)<=i*Math.max(1,Math.abs(e),Math.abs(t))};var i=t.EPSILON=1e-6,n=(t.ARRAY_TYPE="undefined"!=typeof Float32Array?Float32Array:Array,t.RANDOM=Math.random,Math.PI/180)},function(e,t,r){"use strict";function i(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3],s=t[4],d=t[5],u=t[6],c=t[7],l=t[8],f=r[0],h=r[1],R=r[2],m=r[3],p=r[4],_=r[5],g=r[6],v=r[7],E=r[8];return e[0]=f*i+h*o+R*u,e[1]=f*n+h*s+R*c,e[2]=f*a+h*d+R*l,e[3]=m*i+p*o+_*u,e[4]=m*n+p*s+_*c,e[5]=m*a+p*d+_*l,e[6]=g*i+v*o+E*u,e[7]=g*n+v*s+E*c,e[8]=g*a+v*d+E*l,e}function n(e,t,r){return e[0]=t[0]-r[0],e[1]=t[1]-r[1],e[2]=t[2]-r[2],e[3]=t[3]-r[3],e[4]=t[4]-r[4],e[5]=t[5]-r[5],e[6]=t[6]-r[6],e[7]=t[7]-r[7],e[8]=t[8]-r[8],e}Object.defineProperty(t,"__esModule",{value:!0}),t.sub=t.mul=void 0,t.create=function(){var e=new a.ARRAY_TYPE(9);return e[0]=1,e[1]=0,e[2]=0,e[3]=0,e[4]=1,e[5]=0,e[6]=0,e[7]=0,e[8]=1,e},t.fromMat4=function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[4],e[4]=t[5],e[5]=t[6],e[6]=t[8],e[7]=t[9],e[8]=t[10],e},t.clone=function(e){var t=new a.ARRAY_TYPE(9);return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4],t[5]=e[5],t[6]=e[6],t[7]=e[7],t[8]=e[8],t},t.copy=function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e[4]=t[4],e[5]=t[5],e[6]=t[6],e[7]=t[7],e[8]=t[8],e},t.fromValues=function(e,t,r,i,n,o,s,d,u){var c=new a.ARRAY_TYPE(9);return c[0]=e,c[1]=t,c[2]=r,c[3]=i,c[4]=n,c[5]=o,c[6]=s,c[7]=d,c[8]=u,c},t.set=function(e,t,r,i,n,a,o,s,d,u){return e[0]=t,e[1]=r,e[2]=i,e[3]=n,e[4]=a,e[5]=o,e[6]=s,e[7]=d,e[8]=u,e},t.identity=function(e){return e[0]=1,e[1]=0,e[2]=0,e[3]=0,e[4]=1,e[5]=0,e[6]=0,e[7]=0,e[8]=1,e},t.transpose=function(e,t){if(e===t){var r=t[1],i=t[2],n=t[5];e[1]=t[3],e[2]=t[6],e[3]=r,e[5]=t[7],e[6]=i,e[7]=n}else e[0]=t[0],e[1]=t[3],e[2]=t[6],e[3]=t[1],e[4]=t[4],e[5]=t[7],e[6]=t[2],e[7]=t[5],e[8]=t[8];return e},t.invert=function(e,t){var r=t[0],i=t[1],n=t[2],a=t[3],o=t[4],s=t[5],d=t[6],u=t[7],c=t[8],l=c*o-s*u,f=-c*a+s*d,h=u*a-o*d,R=r*l+i*f+n*h;return R?(R=1/R,e[0]=l*R,e[1]=(-c*i+n*u)*R,e[2]=(s*i-n*o)*R,e[3]=f*R,e[4]=(c*r-n*d)*R,e[5]=(-s*r+n*a)*R,e[6]=h*R,e[7]=(-u*r+i*d)*R,e[8]=(o*r-i*a)*R,e):null},t.adjoint=function(e,t){var r=t[0],i=t[1],n=t[2],a=t[3],o=t[4],s=t[5],d=t[6],u=t[7],c=t[8];return e[0]=o*c-s*u,e[1]=n*u-i*c,e[2]=i*s-n*o,e[3]=s*d-a*c,e[4]=r*c-n*d,e[5]=n*a-r*s,e[6]=a*u-o*d,e[7]=i*d-r*u,e[8]=r*o-i*a,e},t.determinant=function(e){var t=e[0],r=e[1],i=e[2],n=e[3],a=e[4],o=e[5],s=e[6],d=e[7],u=e[8];return t*(u*a-o*d)+r*(-u*n+o*s)+i*(d*n-a*s)},t.multiply=i,t.translate=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3],s=t[4],d=t[5],u=t[6],c=t[7],l=t[8],f=r[0],h=r[1];return e[0]=i,e[1]=n,e[2]=a,e[3]=o,e[4]=s,e[5]=d,e[6]=f*i+h*o+u,e[7]=f*n+h*s+c,e[8]=f*a+h*d+l,e},t.rotate=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=t[3],s=t[4],d=t[5],u=t[6],c=t[7],l=t[8],f=Math.sin(r),h=Math.cos(r);return e[0]=h*i+f*o,e[1]=h*n+f*s,e[2]=h*a+f*d,e[3]=h*o-f*i,e[4]=h*s-f*n,e[5]=h*d-f*a,e[6]=u,e[7]=c,e[8]=l,e},t.scale=function(e,t,r){var i=r[0],n=r[1];return e[0]=i*t[0],e[1]=i*t[1],e[2]=i*t[2],e[3]=n*t[3],e[4]=n*t[4],e[5]=n*t[5],e[6]=t[6],e[7]=t[7],e[8]=t[8],e},t.fromTranslation=function(e,t){return e[0]=1,e[1]=0,e[2]=0,e[3]=0,e[4]=1,e[5]=0,e[6]=t[0],e[7]=t[1],e[8]=1,e},t.fromRotation=function(e,t){var r=Math.sin(t),i=Math.cos(t);return e[0]=i,e[1]=r,e[2]=0,e[3]=-r,e[4]=i,e[5]=0,e[6]=0,e[7]=0,e[8]=1,e},t.fromScaling=function(e,t){return e[0]=t[0],e[1]=0,e[2]=0,e[3]=0,e[4]=t[1],e[5]=0,e[6]=0,e[7]=0,e[8]=1,e},t.fromMat2d=function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=0,e[3]=t[2],e[4]=t[3],e[5]=0,e[6]=t[4],e[7]=t[5],e[8]=1,e},t.fromQuat=function(e,t){var r=t[0],i=t[1],n=t[2],a=t[3],o=r+r,s=i+i,d=n+n,u=r*o,c=i*o,l=i*s,f=n*o,h=n*s,R=n*d,m=a*o,p=a*s,_=a*d;return e[0]=1-l-R,e[3]=c-_,e[6]=f+p,e[1]=c+_,e[4]=1-u-R,e[7]=h-m,e[2]=f-p,e[5]=h+m,e[8]=1-u-l,e},t.normalFromMat4=function(e,t){var r=t[0],i=t[1],n=t[2],a=t[3],o=t[4],s=t[5],d=t[6],u=t[7],c=t[8],l=t[9],f=t[10],h=t[11],R=t[12],m=t[13],p=t[14],_=t[15],g=r*s-i*o,v=r*d-n*o,E=r*u-a*o,M=i*d-n*s,b=i*u-a*s,L=n*u-a*d,P=c*m-l*R,T=c*p-f*R,y=c*_-h*R,x=l*p-f*m,w=l*_-h*m,I=f*_-h*p,U=g*I-v*w+E*x+M*y-b*T+L*P;return U?(U=1/U,e[0]=(s*I-d*w+u*x)*U,e[1]=(d*y-o*I-u*T)*U,e[2]=(o*w-s*y+u*P)*U,e[3]=(n*w-i*I-a*x)*U,e[4]=(r*I-n*y+a*T)*U,e[5]=(i*y-r*w-a*P)*U,e[6]=(m*L-p*b+_*M)*U,e[7]=(p*E-R*L-_*v)*U,e[8]=(R*b-m*E+_*g)*U,e):null},t.projection=function(e,t,r){return e[0]=2/t,e[1]=0,e[2]=0,e[3]=0,e[4]=-2/r,e[5]=0,e[6]=-1,e[7]=1,e[8]=1,e},t.str=function(e){return"mat3("+e[0]+", "+e[1]+", "+e[2]+", "+e[3]+", "+e[4]+", "+e[5]+", "+e[6]+", "+e[7]+", "+e[8]+")"},t.frob=function(e){return Math.sqrt(Math.pow(e[0],2)+Math.pow(e[1],2)+Math.pow(e[2],2)+Math.pow(e[3],2)+Math.pow(e[4],2)+Math.pow(e[5],2)+Math.pow(e[6],2)+Math.pow(e[7],2)+Math.pow(e[8],2))},t.add=function(e,t,r){return e[0]=t[0]+r[0],e[1]=t[1]+r[1],e[2]=t[2]+r[2],e[3]=t[3]+r[3],e[4]=t[4]+r[4],e[5]=t[5]+r[5],e[6]=t[6]+r[6],e[7]=t[7]+r[7],e[8]=t[8]+r[8],e},t.subtract=n,t.multiplyScalar=function(e,t,r){return e[0]=t[0]*r,e[1]=t[1]*r,e[2]=t[2]*r,e[3]=t[3]*r,e[4]=t[4]*r,e[5]=t[5]*r,e[6]=t[6]*r,e[7]=t[7]*r,e[8]=t[8]*r,e},t.multiplyScalarAndAdd=function(e,t,r,i){return e[0]=t[0]+r[0]*i,e[1]=t[1]+r[1]*i,e[2]=t[2]+r[2]*i,e[3]=t[3]+r[3]*i,e[4]=t[4]+r[4]*i,e[5]=t[5]+r[5]*i,e[6]=t[6]+r[6]*i,e[7]=t[7]+r[7]*i,e[8]=t[8]+r[8]*i,e},t.exactEquals=function(e,t){return e[0]===t[0]&&e[1]===t[1]&&e[2]===t[2]&&e[3]===t[3]&&e[4]===t[4]&&e[5]===t[5]&&e[6]===t[6]&&e[7]===t[7]&&e[8]===t[8]},t.equals=function(e,t){var r=e[0],i=e[1],n=e[2],o=e[3],s=e[4],d=e[5],u=e[6],c=e[7],l=e[8],f=t[0],h=t[1],R=t[2],m=t[3],p=t[4],_=t[5],g=t[6],v=t[7],E=t[8];return Math.abs(r-f)<=a.EPSILON*Math.max(1,Math.abs(r),Math.abs(f))&&Math.abs(i-h)<=a.EPSILON*Math.max(1,Math.abs(i),Math.abs(h))&&Math.abs(n-R)<=a.EPSILON*Math.max(1,Math.abs(n),Math.abs(R))&&Math.abs(o-m)<=a.EPSILON*Math.max(1,Math.abs(o),Math.abs(m))&&Math.abs(s-p)<=a.EPSILON*Math.max(1,Math.abs(s),Math.abs(p))&&Math.abs(d-_)<=a.EPSILON*Math.max(1,Math.abs(d),Math.abs(_))&&Math.abs(u-g)<=a.EPSILON*Math.max(1,Math.abs(u),Math.abs(g))&&Math.abs(c-v)<=a.EPSILON*Math.max(1,Math.abs(c),Math.abs(v))&&Math.abs(l-E)<=a.EPSILON*Math.max(1,Math.abs(l),Math.abs(E))};var a=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}(r(0));t.mul=i,t.sub=n},function(e,t,r){"use strict";function i(){var e=new R.ARRAY_TYPE(3);return e[0]=0,e[1]=0,e[2]=0,e}function n(e){var t=e[0],r=e[1],i=e[2];return Math.sqrt(t*t+r*r+i*i)}function a(e,t,r){var i=new R.ARRAY_TYPE(3);return i[0]=e,i[1]=t,i[2]=r,i}function o(e,t,r){return e[0]=t[0]-r[0],e[1]=t[1]-r[1],e[2]=t[2]-r[2],e}function s(e,t,r){return e[0]=t[0]*r[0],e[1]=t[1]*r[1],e[2]=t[2]*r[2],e}function d(e,t,r){return e[0]=t[0]/r[0],e[1]=t[1]/r[1],e[2]=t[2]/r[2],e}function u(e,t){var r=t[0]-e[0],i=t[1]-e[1],n=t[2]-e[2];return Math.sqrt(r*r+i*i+n*n)}function c(e,t){var r=t[0]-e[0],i=t[1]-e[1],n=t[2]-e[2];return r*r+i*i+n*n}function l(e){var t=e[0],r=e[1],i=e[2];return t*t+r*r+i*i}function f(e,t){var r=t[0],i=t[1],n=t[2],a=r*r+i*i+n*n;return a>0&&(a=1/Math.sqrt(a),e[0]=t[0]*a,e[1]=t[1]*a,e[2]=t[2]*a),e}function h(e,t){return e[0]*t[0]+e[1]*t[1]+e[2]*t[2]}Object.defineProperty(t,"__esModule",{value:!0}),t.forEach=t.sqrLen=t.len=t.sqrDist=t.dist=t.div=t.mul=t.sub=void 0,t.create=i,t.clone=function(e){var t=new R.ARRAY_TYPE(3);return t[0]=e[0],t[1]=e[1],t[2]=e[2],t},t.length=n,t.fromValues=a,t.copy=function(e,t){return e[0]=t[0],e[1]=t[1],e[2]=t[2],e},t.set=function(e,t,r,i){return e[0]=t,e[1]=r,e[2]=i,e},t.add=function(e,t,r){return e[0]=t[0]+r[0],e[1]=t[1]+r[1],e[2]=t[2]+r[2],e},t.subtract=o,t.multiply=s,t.divide=d,t.ceil=function(e,t){return e[0]=Math.ceil(t[0]),e[1]=Math.ceil(t[1]),e[2]=Math.ceil(t[2]),e},t.floor=function(e,t){return e[0]=Math.floor(t[0]),e[1]=Math.floor(t[1]),e[2]=Math.floor(t[2]),e},t.min=function(e,t,r){return e[0]=Math.min(t[0],r[0]),e[1]=Math.min(t[1],r[1]),e[2]=Math.min(t[2],r[2]),e},t.max=function(e,t,r){return e[0]=Math.max(t[0],r[0]),e[1]=Math.max(t[1],r[1]),e[2]=Math.max(t[2],r[2]),e},t.round=function(e,t){return e[0]=Math.round(t[0]),e[1]=Math.round(t[1]),e[2]=Math.round(t[2]),e},t.scale=function(e,t,r){return e[0]=t[0]*r,e[1]=t[1]*r,e[2]=t[2]*r,e},t.scaleAndAdd=function(e,t,r,i){return e[0]=t[0]+r[0]*i,e[1]=t[1]+r[1]*i,e[2]=t[2]+r[2]*i,e},t.distance=u,t.squaredDistance=c,t.squaredLength=l,t.negate=function(e,t){return e[0]=-t[0],e[1]=-t[1],e[2]=-t[2],e},t.inverse=function(e,t){return e[0]=1/t[0],e[1]=1/t[1],e[2]=1/t[2],e},t.normalize=f,t.dot=h,t.cross=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=r[0],s=r[1],d=r[2];return e[0]=n*d-a*s,e[1]=a*o-i*d,e[2]=i*s-n*o,e},t.lerp=function(e,t,r,i){var n=t[0],a=t[1],o=t[2];return e[0]=n+i*(r[0]-n),e[1]=a+i*(r[1]-a),e[2]=o+i*(r[2]-o),e},t.hermite=function(e,t,r,i,n,a){var o=a*a,s=o*(2*a-3)+1,d=o*(a-2)+a,u=o*(a-1),c=o*(3-2*a);return e[0]=t[0]*s+r[0]*d+i[0]*u+n[0]*c,e[1]=t[1]*s+r[1]*d+i[1]*u+n[1]*c,e[2]=t[2]*s+r[2]*d+i[2]*u+n[2]*c,e},t.bezier=function(e,t,r,i,n,a){var o=1-a,s=o*o,d=a*a,u=s*o,c=3*a*s,l=3*d*o,f=d*a;return e[0]=t[0]*u+r[0]*c+i[0]*l+n[0]*f,e[1]=t[1]*u+r[1]*c+i[1]*l+n[1]*f,e[2]=t[2]*u+r[2]*c+i[2]*l+n[2]*f,e},t.random=function(e,t){t=t||1;var r=2*R.RANDOM()*Math.PI,i=2*R.RANDOM()-1,n=Math.sqrt(1-i*i)*t;return e[0]=Math.cos(r)*n,e[1]=Math.sin(r)*n,e[2]=i*t,e},t.transformMat4=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=r[3]*i+r[7]*n+r[11]*a+r[15];return o=o||1,e[0]=(r[0]*i+r[4]*n+r[8]*a+r[12])/o,e[1]=(r[1]*i+r[5]*n+r[9]*a+r[13])/o,e[2]=(r[2]*i+r[6]*n+r[10]*a+r[14])/o,e},t.transformMat3=function(e,t,r){var i=t[0],n=t[1],a=t[2];return e[0]=i*r[0]+n*r[3]+a*r[6],e[1]=i*r[1]+n*r[4]+a*r[7],e[2]=i*r[2]+n*r[5]+a*r[8],e},t.transformQuat=function(e,t,r){var i=t[0],n=t[1],a=t[2],o=r[0],s=r[1],d=r[2],u=r[3],c=u*i+s*a-d*n,l=u*n+d*i-o*a,f=u*a+o*n-s*i,h=-o*i-s*n-d*a;return e[0]=c*u+h*-o+l*-d-f*-s,e[1]=l*u+h*-s+f*-o-c*-d,e[2]=f*u+h*-d+c*-s-l*-o,e},t.rotateX=function(e,t,r,i){var n=[],a=[];return n[0]=t[0]-r[0],n[1]=t[1]-r[1],n[2]=t[2]-r[2],a[0]=n[0],a[1]=n[1]*Math.cos(i)-n[2]*Math.sin(i),a[2]=n[1]*Math.sin(i)+n[2]*Math.cos(i),e[0]=a[0]+r[0],e[1]=a[1]+r[1],e[2]=a[2]+r[2],e},t.rotateY=function(e,t,r,i){var n=[],a=[];return n[0]=t[0]-r[0],n[1]=t[1]-r[1],n[2]=t[2]-r[2],a[0]=n[2]*Math.sin(i)+n[0]*Math.cos(i),a[1]=n[1],a[2]=n[2]*Math.cos(i)-n[0]*Math.sin(i),e[0]=a[0]+r[0],e[1]=a[1]+r[1],e[2]=a[2]+r[2],e},t.rotateZ=function(e,t,r,i){var n=[],a=[];return n[0]=t[0]-r[0],n[1]=t[1]-r[1],n[2]=t[2]-r[2],a[0]=n[0]*Math.cos(i)-n[1]*Math.sin(i),a[1]=n[0]*Math.sin(i)+n[1]*Math.cos(i),a[2]=n[2],e[0]=a[0]+r[0],e[1]=a[1]+r[1],e[2]=a[2]+r[2],e},t.angle=function(e,t){var r=a(e[0],e[1],e[2]),i=a(t[0],t[1],t[2]);f(r,r),f(i,i);var n=h(r,i);return n>1?0:n<-1?Math.PI:Math.acos(n)},t.str=function(e){return"vec3("+e[0]+", "+e[1]+", "+e[2]+")"},t.exactEquals=function(e,t){return e[0]===t[0]&&e[1]===t[1]&&e[2]===t[2]},t.equals=function(e,t){var r=e[0],i=e[1],n=e[2],a=t[0],o=t[1],s=t[2];return Math.abs(r-a)<=R.EPSILON*Math.max(1,Math.abs(r),Math.abs(a))&&Math.abs(i-o)<=R.EPSILON*Math.max(1,Math.abs(i),Math.abs(o))&&Math.abs(n-s)<=R.EPSILON*Math.max(1,Math.abs(n),Math.abs(s))};var R=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t.default=e,t}(r(0));t.sub=o,t.mul=s,t.div=d,t.dist=u,t.sqrDist=c,t.len=n,t.sqrLen=l,t.forEach=function(){var e=i();return function(t,r,i,n,a,o){var s,d=void 0;for(r||(r=3),i||(i=0),s=n?Math.min(n*r+i,t.length):t.length,d=i;dcall - '+t[a].call+'
triangleNum - '+t[a].triangleNum+'
width - '+t[a].width+' / height - '+t[a].height+'
viewRectWidth - '+t[a].viewRectWidth+' / viewRectHeight - '+t[a].viewRectHeight+'
x - '+t[a].x+' / y - '+t[a].y+'
renderTime
viewRenderTime - '+t[a].viewRenderTime.toFixed(2)+'ms
baseRenderTime - '+(t[a].viewRenderTime-t[a].postEffectRenderTime).toFixed(2)+'ms
postEffectRenderTime - '+t[a].postEffectRenderTime.toFixed(2)+"ms
',r+='
",this._contentBox.innerHTML=r}}},Object.defineProperty(RedRenderDebuger.prototype,"visible",{get:function(){return this._visible},set:function(e){this._visible=e,window.HTMLCanvasElement&&(this._visible?document.body.appendChild(this.renderResult):this.renderResult.parentNode&&document.body.removeChild(this.renderResult))}}),Object.freeze(RedRenderDebuger),function(){var e,t,r,i,n,a,o,s,d,u,c,l,f,h,R,m,p,_,g,v,E,M,b,L,P,T,y,x,w,I,U,D,B,G,S,A,F,C,O,N;RedSystemUniformUpdater={update:(N=0,E=new Float32Array(3),function(k,Y,X,j,z,V){for(e!=k&&(L=null),e=k,L||(F=RedSystemShaderCode.MAX_DIRECTIONAL_LIGHT,C=RedSystemShaderCode.MAX_POINT_LIGHT,L={uTime:{cacheData:null,data:0},uResolution:{cacheData:null,data:new Float32Array([0,0])},u_FogDensity:{cacheData:null,data:0},uFogColor:{cacheData:null,data:new Float32Array([0,0,0,0])},u_FogDistance:{cacheData:null,data:0},uCameraMatrix:{cacheData:null,data:null},uCameraPosition:{cacheData:null,data:new Float32Array([0,0,0])},uPMatrix:{cacheData:null,data:null},uMode2DYn:{cacheData:null,data:!1},uAmbientLightColor:{cacheData:null,data:new Float32Array([0,0,0,0])},uAmbientIntensity:{cacheData:null,data:1},uDirectionalLightPositionList:{cacheData:null,data:[]},uDirectionalLightColorList:{cacheData:null,data:[]},uDirectionalLightIntensityList:{cacheData:null,data:[]},uDirectionalLightNum:{cacheData:null,data:0},uPointLightPositionList:{cacheData:null,data:[]},uPointLightColorList:{cacheData:null,data:[]},uPointLightIntensityList:{cacheData:null,data:[]},uPointLightRadiusList:{cacheData:null,data:[]},uPointLightNum:{cacheData:null,data:0}},w=new Float32Array(3),T=new Float32Array(16),x=new Float32Array(16),u=new Float32Array(3*F),c=new Float32Array(4*F),l=new Float32Array(F),f=new Float32Array(3*C),h=new Float32Array(4*C),R=new Float32Array(C),m=new Float32Array(C)),t=k.gl,B=j.scene,G=(G=j.camera)instanceof RedBaseController?G.camera:G,S=j._viewRect,D=Y.cacheInfo.cacheSystemUniformInfo,U=null,P={},V.length=0,A=N!=k._datas.RedProgramList.length,N=0,(O=L.uTime).cacheData!=X&&(P.uTime=O.data=X,O.cacheData=X),d=JSON.stringify(S),((O=L.uResolution).cacheData!=d||A)&&(O.data[0]=S[2],O.data[1]=S[3],P.uResolution=O.data,O.cacheData=d),d=B._fogDensity,((O=L.u_FogDensity).cacheData!=d||A)&&(P.u_FogDensity=O.data=d,O.cacheData=d),d=B._fogR+"_"+B._fogG+"_"+B._fogB+"_1",((O=L.uFogColor).cacheData!=d||A)&&(O.data[0]=B._fogR,O.data[1]=B._fogG,O.data[2]=B._fogB,O.data[3]=1,P.uFogColor=O.data,O.cacheData=d),d=B._fogDistance,((O=L.u_FogDistance).cacheData!=d||A)&&(P.u_FogDistance=O.data=d,O.cacheData=d),d=JSON.stringify(G.matrix),((O=L.uCameraMatrix).cacheData!=d||A)&&(P.uCameraMatrix=O.data=G.matrix,O.cacheData=d),d=G.camera?[G.camera.x,G.camera.y,G.camera.z]:[G.x,G.y,G.z],((O=L.uCameraPosition).cacheData!=d.join(",")||A)&&(P.uCameraPosition=O.data=d,O.cacheData=d.join(",")),d=JSON.stringify(G.mode2DYn),((O=L.uMode2DYn).cacheData!=d||A)&&(P.uMode2DYn=O.data=G.mode2DYn,O.cacheData=d),d=JSON.stringify(G.perspectiveMTX),((O=L.uPMatrix).cacheData!=d||A)&&(P.uPMatrix=O.data=G.perspectiveMTX,O.cacheData=d),(g=B._lightInfo[RedAmbientLight.TYPE])&&(d=JSON.stringify(g._lightColor),((O=L.uAmbientLightColor).cacheData!=d||A)&&(P.uAmbientLightColor=O.data=[g._lightColor[0],g._lightColor[1],g._lightColor[2],g._lightColor[3]],O.cacheData=d,P.uAmbientLightColor[0]*=P.uAmbientLightColor[3],P.uAmbientLightColor[1]*=P.uAmbientLightColor[3],P.uAmbientLightColor[2]*=P.uAmbientLightColor[3]),d=g._intensity,((O=L.uAmbientIntensity).cacheData!=d||A)&&(P.uAmbientIntensity=O.data=g._intensity,O.cacheData=d)),p=B._lightInfo[RedDirectionalLight.TYPE],M=p.length;M--;)g=p[M],E[0]=g.x,E[1]=g.y,E[2]=g.z,g.debug&&((v=g._debugObject).x=E[0],v.y=E[1],v.z=E[2],v._material._color=g._lightColor,V.push(v)),vec3.normalize(E,E),u[0+3*M]=E[0],u[1+3*M]=E[1],u[2+3*M]=E[2],c[0+4*M]=g._lightColor[0]*g._lightColor[3],c[1+4*M]=g._lightColor[1]*g._lightColor[3],c[2+4*M]=g._lightColor[2]*g._lightColor[3],c[3+4*M]=g._lightColor[3],l[M]=g._intensity;for(d=JSON.stringify(u),((O=L.uDirectionalLightPositionList).cacheData!=d||A)&&(P.uDirectionalLightPositionList=O.data=u,O.cacheData=d),d=JSON.stringify(c),((O=L.uDirectionalLightColorList).cacheData!=d||A)&&(P.uDirectionalLightColorList=O.data=c,O.cacheData=d),d=JSON.stringify(l),((O=L.uDirectionalLightIntensityList).cacheData!=d||A)&&(P.uDirectionalLightIntensityList=O.data=l,O.cacheData=d),d=p.length,((O=L.uDirectionalLightNum).cacheData!=d||A)&&(P.uDirectionalLightNum=O.data=d,O.cacheData=d),p=B._lightInfo[RedPointLight.TYPE],M=p.length;M--;)g=p[M],E[0]=g.x,E[1]=g.y,E[2]=g.z,g.debug&&((v=g._debugObject).x=E[0],v.y=E[1],v.z=E[2],v.scaleX=v.scaleY=v.scaleZ=g._radius,v._material._color=g._lightColor,V.push(v)),f[0+3*M]=E[0],f[1+3*M]=E[1],f[2+3*M]=E[2],h[0+4*M]=g._lightColor[0]*g._lightColor[3],h[1+4*M]=g._lightColor[1]*g._lightColor[3],h[2+4*M]=g._lightColor[2]*g._lightColor[3],h[3+4*M]=g._lightColor[3],R[M]=g._intensity,m[M]=g._radius;for(d=JSON.stringify(f),((O=L.uPointLightPositionList).cacheData!=d||A)&&(P.uPointLightPositionList=O.data=f,O.cacheData=d),d=JSON.stringify(h),((O=L.uPointLightColorList).cacheData!=d||A)&&(P.uPointLightColorList=O.data=h,O.cacheData=d),d=JSON.stringify(R),((O=L.uPointLightIntensityList).cacheData!=d||A)&&(P.uPointLightIntensityList=O.data=R,O.cacheData=d),d=JSON.stringify(m),((O=L.uPointLightRadiusList).cacheData!=d||A)&&(P.uPointLightRadiusList=O.data=m,O.cacheData=d),d=p.length,((O=L.uPointLightNum).cacheData!=d||A)&&(P.uPointLightNum=O.data=d,O.cacheData=d),B.shadowManager._directionalShadow&&(T[1]=T[2]=T[3]=T[4]=T[6]=T[7]=T[8]=T[9]=T[11]=T[12]=T[13]=T[14]=0,T[0]=T[5]=T[10]=T[15]=1,y=B.shadowManager._directionalShadow.size,_=B.shadowManager._directionalShadow._light,mat4.ortho(x,-y,y,-y,y,-y,y),w[0]=0,w[1]=0,w[2]=0,_&&(w[0]=_.x,w[1]=_.y,w[2]=_.z,vec3.normalize(w,w),mat4.lookAt(T,w,[0,0,0],[0,1,0]),mat4.multiply(T,x,T))),M=k._datas.RedProgramList.length;M--;)for(b in N++,r=k._datas.RedProgramList[M],t.useProgram(r.webglProgram),z=r._UUID,i=r.systemUniformLocation,n=i.uDirectionalShadowLightMatrix,a=n.location,o=n._UUID,a&&B.shadowManager._directionalShadow&&(_=B.shadowManager._directionalShadow._light)&&(d=JSON.stringify(T),D[o]!=d&&(t.uniformMatrix4fv(a,!1,T),D[o]=d)),(n=i.uDirectionalShadowTexture)&&(a=n.location)&&(o=n._UUID,s=B.shadowManager._directionalShadow?B.shadowManager.directionalShadow.frameBuffer.texture:k._datas.emptyTexture["2d"],(I=n.samplerIndex)!=U&&(t.activeTexture(t.TEXTURE0+I),t.bindTexture(t.TEXTURE_2D,s.webglTexture),t[n.renderMethod](a,I)),U=I),P)n=i[b],(a=n.location)&&(o=n._UUID,s=P[b],"mat"==n.renderType?t[n.renderMethod](a,!1,s):t[n.renderMethod](a,s),D[o]=null);return z})},Object.freeze(RedSystemUniformUpdater)}(),(RedView=function(e,t,r){if(!(this instanceof RedView))return new RedView(e,t,r);!t||t instanceof RedScene||RedGLUtil.throwFunc("RedView : RedScene Instance만 허용","입력값 : "+t),r?!r||r instanceof RedCamera||r instanceof RedBaseController||RedGLUtil.throwFunc("RedView : RedCamera or XXController Instance만 허용"):RedGLUtil.throwFunc("RedView : RedCamera or XXController Instance만 허용","입력값 : "+r),this.scene=t,this.postEffectManager=RedPostEffectManager(e),this.camera=r,this._width="100%",this._height="100%",this._x=0,this._y=0,this._viewRect=[0,0,0,0],this._UUID=RedGL.makeUUID()}).prototype={setSize:function(e,t){null==e&&RedGLUtil.throwFunc("RedView setSize : width가 입력되지 않았습니다."),null==t&&RedGLUtil.throwFunc("RedView setSize : height가 입력되지 않았습니다."),"number"==typeof e?this._width=e<0?0:e:e.indexOf("%")>-1&&+e.replace("%","")>=0?this._width=e:RedGLUtil.throwFunc("RedView setSize : width는 0이상의 숫자나 %만 허용.",e),"number"==typeof t?this._height=t<0?0:t:t.indexOf("%")>-1&&+t.replace("%","")>=0?this._height=t:RedGLUtil.throwFunc("RedView setSize : height는 0이상의 숫자나 %만 허용.",t)},setLocation:function(e,t){null==e&&RedGLUtil.throwFunc("RedView setLocation : x가 입력되지 않았습니다."),null==t&&RedGLUtil.throwFunc("RedView setLocation : y가 입력되지 않았습니다."),"number"==typeof e?this._x=e<0?0:e:e.indexOf("%")>-1&&+e.replace("%","")>=0?this._x=e:RedGLUtil.throwFunc("RedView setLocation : x는 0이상의 숫자나 %만 허용.",e),"number"==typeof t?this._y=t<0?0:t:t.indexOf("%")>-1&&+t.replace("%","")>=0?this._y=t:RedGLUtil.throwFunc("RedView setLocation : y는 0이상의 숫자나 %만 허용.",t)}},Object.freeze(RedView),function(){var e,t;(RedWorld=function(){if(!(this instanceof RedWorld))return new RedWorld;this._viewList=[],this._viewMap={},this._UUID=RedGL.makeUUID()}).prototype={addView:function(e,t){e instanceof RedView||RedGLUtil.throwFunc("RedWorld :addView Instance만 허용함.","입력값 : "+e),t&&(this._viewMap[t]?RedGLUtil.throwFunc("RedWorld :key 중복","입력값 : "+t):this._viewMap[t]=e),this._viewList.push(e)},getView:function(e){return"string"==typeof e||RedGLUtil.throwFunc("RedWorld :getView 문자열만 허용함.","입력값 : "+e),this._viewMap[e]},delView:function(r){if("string"==typeof r||r instanceof RedView||RedGLUtil.throwFunc("RedWorld :delView 문자열이나 RedView 만 허용함.","입력값 : "+r),"string"==typeof r)(e=this._viewMap[r])&&(t=this._viewList.indexOf(e),this._viewList.splice(t,1),delete this._viewMap[r]);else for(var i in t=this._viewList.indexOf(r),this._viewList.splice(t,1),this._viewMap)this._viewMap[i]==r&&delete this._viewMap[i]},hasView:function(e){if("string"==typeof e||e instanceof RedView||RedGLUtil.throwFunc("RedWorld :hasView 문자열이나 RedView 만 허용함.","입력값 : "+e),"string"==typeof e)return!!this._viewMap[e];var t=this._viewList.indexOf(e);return!!this._viewList[t]},getViewList:function(){return this._viewList.concat()}},Object.freeze(RedWorld)}(),function(){RedScene=function(e,t){if(!(this instanceof RedScene))return new RedScene(e,t);e instanceof RedGL||RedGLUtil.throwFunc("RedScene : RedGL Instance만 허용.",e),this.backgroundColor=t||"#000000",this.useBackgroundColor=!0,this.useFog=!1,this.fogDensity=.5,this.fogDistance=25,this.fogColor="#ffffff",this.children=[],this.shadowManager=RedShadowManager(e),this.mouseManager=RedMouseEventManager(e),this._lightInfo={RedAmbientLight:null,RedDirectionalLight:[],RedPointLight:[]},this._UUID=RedGL.makeUUID()};var e,t,r={addLight:function(e){switch(e.TYPE){case RedAmbientLight.TYPE:this._lightInfo[e.TYPE]=e;break;case RedDirectionalLight.TYPE:this._lightInfo[e.TYPE].length===RedSystemShaderCode.MAX_DIRECTIONAL_LIGHT&&RedGLUtil.throwFunc("RedScene : RedDirectionalLight "+RedSystemShaderCode.MAX_DIRECTIONAL_LIGHT+"개 까지 허용."),this._lightInfo[e.TYPE].push(e);break;case RedPointLight.TYPE:this._lightInfo[e.TYPE].length===RedSystemShaderCode.MAX_POINT_LIGHT&&RedGLUtil.throwFunc("RedScene : RedPointLight "+RedSystemShaderCode.MAX_POINT_LIGHT+"개 까지 허용."),this._lightInfo[e.TYPE].push(e);break;default:RedGLUtil.throwFunc("RedScene : RedBaseLight 인스턴스만 가능")}},removeLight:function(t){switch(t.TYPE){case RedAmbientLight.TYPE:this._lightInfo[t.TYPE]===t&&(this._lightInfo[t.TYPE]=null);break;case RedDirectionalLight.TYPE:case RedPointLight.TYPE:(e=this._lightInfo[t.TYPE].indexOf(t))>-1&&this._lightInfo[t.TYPE].splice(e,1);break;default:RedGLUtil.throwFunc("RedScene : RedBaseLight 인스턴스만 가능")}},removeLightAll:function(){this._lightInfo[RedAmbientLight.TYPE]=null,this._lightInfo[RedDirectionalLight.TYPE].length=0,this._lightInfo[RedPointLight.TYPE].length=0}};for(var i in RedScene.prototype=new RedBaseContainer,r)RedScene.prototype[i]=r[i];RedDefinePropertyInfo.definePrototype("RedScene","backgroundColor","hex",{callback:function(){t=RedGLUtil.hexToRGB_ZeroToOne.call(this,this._backgroundColor),this._r=t[0],this._g=t[1],this._b=t[2]}}),RedDefinePropertyInfo.definePrototype("RedScene","useBackgroundColor","boolean"),RedDefinePropertyInfo.definePrototype("RedScene","useFog","boolean"),RedDefinePropertyInfo.definePrototype("RedScene","fogDensity","number",{min:0}),RedDefinePropertyInfo.definePrototype("RedScene","fogDistance","number",{min:0}),RedDefinePropertyInfo.definePrototype("RedScene","fogColor","hex",{callback:function(){var e;return function(){e=RedGLUtil.hexToRGB_ZeroToOne.call(this,this._fogColor),this._fogR=e[0],this._fogG=e[1],this._fogB=e[2]}}()}),Object.defineProperty(RedScene.prototype,"skyBox",{get:function(){return this._skyBoxMesh},set:function(e){return!e||e instanceof RedSkyBox||RedGLUtil.throwFunc("RedScene : RedSkyBox Instance만 허용."),this._skyBoxMesh=e,this._skyBoxMesh}}),Object.defineProperty(RedScene.prototype,"grid",{get:function(){return this._gridMesh},set:function(e){return!e||e instanceof RedGrid||RedGLUtil.throwFunc("RedScene : RedGrid Instance만 허용."),this._gridMesh=e,this._gridMesh}}),Object.defineProperty(RedScene.prototype,"axis",{get:function(){return this._axisMesh},set:function(e){return!e||e instanceof RedAxis||RedGLUtil.throwFunc("RedScene : RedAxis Instance만 허용."),this._axisMesh=e,this._axisMesh}}),Object.freeze(RedScene)}(),function(){var e,t;(RedCamera=function(){if(!(this instanceof RedCamera))return new RedCamera;this.x=this.y=this.z=0,this.targetX=this.targetY=this.targetZ=0,this.fov=60,this.nearClipping=.1,this.farClipping=1e5,this.mode2DYn=!1,this.matrix=mat4.create(),this.perspectiveMTX=mat4.create(),this.autoUpdateMatrix=!0,this._UUID=RedGL.makeUUID()}).prototype.update=function(){this.lookAt(this.targetX,this.targetY,this.targetZ)},RedCamera.prototype.lookAt=(e=new Float32Array([0,1,0]),t=[],function(r,i,n){t[0]=this.targetX=r,t[1]=this.targetY=i,t[2]=this.targetZ=n,mat4.identity(this.matrix),mat4.lookAt(this.matrix,[this.x,this.y,this.z],t,e)}),Object.freeze(RedCamera)}(),(RedBasicController=function(e){if(!(this instanceof RedBasicController))return new RedBasicController(e);this.targetView=null,this.keyBuffer={},this.keyNameMapper={moveForward:"w",moveBack:"s",moveLeft:"a",moveRight:"d",moveUp:"t",moveDown:"g",turnLeft:"q",turnRight:"e",turnUp:"r",turnDown:"f"},this.speed=1,this.delay=.1,this.speedRotation=1,this.delayRotation=.1,this.maxAcceleration=3,this._currentAcceleration=0,this.camera=RedCamera(),this._desirePosition=[0,0,0],this._desirePan=0,this._desireTilt=0,this._targetObject=RedMesh(e),function(t){var r,i,n,a,o,s,d,u,c,l,f,h,R,m,p;"ie"==RedGLDetect.BROWSER_INFO.browser&&11==RedGLDetect.BROWSER_INFO.browserVer?(R="offsetX",m="offsetY"):(R="layerX",m="layerY"),p=function(r){if(r||((r={clientX:e._mouseX,clientY:e._mouseY})[R]=e._mouseX,r[m]=e._mouseY),t.targetView){var i,n;if(RedGLDetect.BROWSER_INFO.isMobile?(i=r.clientX,n=r.clientY):(i=r[R],n=r[m]),!(t.targetView._viewRect[0]renderScale : '+e.renderScale+"
",r+='totalRenderTime : '+i.toFixed(2)+"ms
",r+='baseRenderTime : '+(i-n).toFixed(2)+"ms
",r+='postEffectRenderTime : '+n.toFixed(2)+"ms
",r+="call - '+t[a].call+'
triangleNum - '+t[a].triangleNum+'
width - '+t[a].width+' / height - '+t[a].height+'
viewRectWidth - '+t[a].viewRectWidth+' / viewRectHeight - '+t[a].viewRectHeight+'
x - '+t[a].x+' / y - '+t[a].y+'
renderTime
viewRenderTime - '+t[a].viewRenderTime.toFixed(2)+'ms
baseRenderTime - '+(t[a].viewRenderTime-t[a].postEffectRenderTime).toFixed(2)+'ms
postEffectRenderTime - '+t[a].postEffectRenderTime.toFixed(2)+"ms
',r+='
",this._contentBox.innerHTML=r}}},Object.defineProperty(RedRenderDebuger.prototype,"visible",{get:function(){return this._visible},set:function(e){this._visible=e,window.HTMLCanvasElement&&(this._visible?document.body.appendChild(this.renderResult):this.renderResult.parentNode&&document.body.removeChild(this.renderResult))}}),Object.freeze(RedRenderDebuger),function(){var e,t,r,i,n,a,o,s,d,l,u,c,f,h,R,m,p,_,g,v,E,M,b,L,T,P,x,y,w,U,I,B,F,D,G,A,S,O,C,N;RedSystemUniformUpdater={update:(N=0,E=new Float32Array(3),function(k,Y,X,j,z,V){for(e!=k&&(L=null),e=k,L||(S=RedSystemShaderCode.MAX_DIRECTIONAL_LIGHT,O=RedSystemShaderCode.MAX_POINT_LIGHT,L={uTime:{cacheData:null,data:0},uResolution:{cacheData:null,data:new Float32Array([0,0])},u_FogDensity:{cacheData:null,data:0},uFogColor:{cacheData:null,data:new Float32Array([0,0,0,0])},u_FogDistance:{cacheData:null,data:0},uCameraMatrix:{cacheData:null,data:null},uCameraPosition:{cacheData:null,data:new Float32Array([0,0,0])},uPMatrix:{cacheData:null,data:null},uMode2DYn:{cacheData:null,data:!1},uAmbientLightColor:{cacheData:null,data:new Float32Array([0,0,0,0])},uAmbientIntensity:{cacheData:null,data:1},uDirectionalLightPositionList:{cacheData:null,data:[]},uDirectionalLightColorList:{cacheData:null,data:[]},uDirectionalLightIntensityList:{cacheData:null,data:[]},uDirectionalLightNum:{cacheData:null,data:0},uPointLightPositionList:{cacheData:null,data:[]},uPointLightColorList:{cacheData:null,data:[]},uPointLightIntensityList:{cacheData:null,data:[]},uPointLightRadiusList:{cacheData:null,data:[]},uPointLightNum:{cacheData:null,data:0}},w=new Float32Array(3),P=new Float32Array(16),y=new Float32Array(16),l=new Float32Array(3*S),u=new Float32Array(4*S),c=new Float32Array(S),f=new Float32Array(3*O),h=new Float32Array(4*O),R=new Float32Array(O),m=new Float32Array(O)),t=k.gl,F=j.scene,D=(D=j.camera)instanceof RedBaseController?D.camera:D,G=j._viewRect,B=Y.cacheInfo.cacheSystemUniformInfo,I=null,T={},V.length=0,A=N!=k._datas.RedProgramList.length,N=0,(C=L.uTime).cacheData!=X&&(T.uTime=C.data=X,C.cacheData=X),d=JSON.stringify(G),((C=L.uResolution).cacheData!=d||A)&&(C.data[0]=G[2],C.data[1]=G[3],T.uResolution=C.data,C.cacheData=d),d=F._fogDensity,((C=L.u_FogDensity).cacheData!=d||A)&&(T.u_FogDensity=C.data=d,C.cacheData=d),d=F._fogR+"_"+F._fogG+"_"+F._fogB+"_1",((C=L.uFogColor).cacheData!=d||A)&&(C.data[0]=F._fogR,C.data[1]=F._fogG,C.data[2]=F._fogB,C.data[3]=1,T.uFogColor=C.data,C.cacheData=d),d=F._fogDistance,((C=L.u_FogDistance).cacheData!=d||A)&&(T.u_FogDistance=C.data=d,C.cacheData=d),d=JSON.stringify(D.matrix),((C=L.uCameraMatrix).cacheData!=d||A)&&(T.uCameraMatrix=C.data=D.matrix,C.cacheData=d),d=D.camera?[D.camera.x,D.camera.y,D.camera.z]:[D.x,D.y,D.z],((C=L.uCameraPosition).cacheData!=d.join(",")||A)&&(T.uCameraPosition=C.data=d,C.cacheData=d.join(",")),d=JSON.stringify(D.mode2DYn),((C=L.uMode2DYn).cacheData!=d||A)&&(T.uMode2DYn=C.data=D.mode2DYn,C.cacheData=d),d=JSON.stringify(D.perspectiveMTX),((C=L.uPMatrix).cacheData!=d||A)&&(T.uPMatrix=C.data=D.perspectiveMTX,C.cacheData=d),(g=F._lightInfo[RedAmbientLight.TYPE])&&(d=JSON.stringify(g._lightColor),((C=L.uAmbientLightColor).cacheData!=d||A)&&(T.uAmbientLightColor=C.data=[g._lightColor[0],g._lightColor[1],g._lightColor[2],g._lightColor[3]],C.cacheData=d,T.uAmbientLightColor[0]*=T.uAmbientLightColor[3],T.uAmbientLightColor[1]*=T.uAmbientLightColor[3],T.uAmbientLightColor[2]*=T.uAmbientLightColor[3]),d=g._intensity,((C=L.uAmbientIntensity).cacheData!=d||A)&&(T.uAmbientIntensity=C.data=g._intensity,C.cacheData=d)),p=F._lightInfo[RedDirectionalLight.TYPE],M=p.length;M--;)g=p[M],E[0]=g.x,E[1]=g.y,E[2]=g.z,g.debug&&((v=g._debugObject).x=E[0],v.y=E[1],v.z=E[2],v._material._color=g._lightColor,V.push(v)),vec3.normalize(E,E),l[0+3*M]=E[0],l[1+3*M]=E[1],l[2+3*M]=E[2],u[0+4*M]=g._lightColor[0]*g._lightColor[3],u[1+4*M]=g._lightColor[1]*g._lightColor[3],u[2+4*M]=g._lightColor[2]*g._lightColor[3],u[3+4*M]=g._lightColor[3],c[M]=g._intensity;for(d=JSON.stringify(l),((C=L.uDirectionalLightPositionList).cacheData!=d||A)&&(T.uDirectionalLightPositionList=C.data=l,C.cacheData=d),d=JSON.stringify(u),((C=L.uDirectionalLightColorList).cacheData!=d||A)&&(T.uDirectionalLightColorList=C.data=u,C.cacheData=d),d=JSON.stringify(c),((C=L.uDirectionalLightIntensityList).cacheData!=d||A)&&(T.uDirectionalLightIntensityList=C.data=c,C.cacheData=d),d=p.length,((C=L.uDirectionalLightNum).cacheData!=d||A)&&(T.uDirectionalLightNum=C.data=d,C.cacheData=d),p=F._lightInfo[RedPointLight.TYPE],M=p.length;M--;)g=p[M],E[0]=g.x,E[1]=g.y,E[2]=g.z,g.debug&&((v=g._debugObject).x=E[0],v.y=E[1],v.z=E[2],v.scaleX=v.scaleY=v.scaleZ=g._radius,v._material._color=g._lightColor,V.push(v)),f[0+3*M]=E[0],f[1+3*M]=E[1],f[2+3*M]=E[2],h[0+4*M]=g._lightColor[0]*g._lightColor[3],h[1+4*M]=g._lightColor[1]*g._lightColor[3],h[2+4*M]=g._lightColor[2]*g._lightColor[3],h[3+4*M]=g._lightColor[3],R[M]=g._intensity,m[M]=g._radius;for(d=JSON.stringify(f),((C=L.uPointLightPositionList).cacheData!=d||A)&&(T.uPointLightPositionList=C.data=f,C.cacheData=d),d=JSON.stringify(h),((C=L.uPointLightColorList).cacheData!=d||A)&&(T.uPointLightColorList=C.data=h,C.cacheData=d),d=JSON.stringify(R),((C=L.uPointLightIntensityList).cacheData!=d||A)&&(T.uPointLightIntensityList=C.data=R,C.cacheData=d),d=JSON.stringify(m),((C=L.uPointLightRadiusList).cacheData!=d||A)&&(T.uPointLightRadiusList=C.data=m,C.cacheData=d),d=p.length,((C=L.uPointLightNum).cacheData!=d||A)&&(T.uPointLightNum=C.data=d,C.cacheData=d),F.shadowManager._directionalShadow&&(P[1]=P[2]=P[3]=P[4]=P[6]=P[7]=P[8]=P[9]=P[11]=P[12]=P[13]=P[14]=0,P[0]=P[5]=P[10]=P[15]=1,x=F.shadowManager._directionalShadow.size,_=F.shadowManager._directionalShadow._light,mat4.ortho(y,-x,x,-x,x,-x,x),w[0]=0,w[1]=0,w[2]=0,_&&(w[0]=_.x,w[1]=_.y,w[2]=_.z,vec3.normalize(w,w),mat4.lookAt(P,w,[0,0,0],[0,1,0]),mat4.multiply(P,y,P))),M=k._datas.RedProgramList.length;M--;)for(b in N++,r=k._datas.RedProgramList[M],t.useProgram(r.webglProgram),z=r._UUID,i=r.systemUniformLocation,n=i.uDirectionalShadowLightMatrix,a=n.location,o=n._UUID,a&&F.shadowManager._directionalShadow&&(_=F.shadowManager._directionalShadow._light)&&(d=JSON.stringify(P),B[o]!=d&&(t.uniformMatrix4fv(a,!1,P),B[o]=d)),(n=i.uDirectionalShadowTexture)&&(a=n.location)&&(o=n._UUID,s=F.shadowManager._directionalShadow?F.shadowManager.directionalShadow.frameBuffer.texture:k._datas.emptyTexture["2d"],(U=n.samplerIndex)!=I&&(t.activeTexture(t.TEXTURE0+U),t.bindTexture(t.TEXTURE_2D,s.webglTexture),t[n.renderMethod](a,U)),I=U),T)n=i[b],(a=n.location)&&(o=n._UUID,s=T[b],"mat"==n.renderType?t[n.renderMethod](a,!1,s):t[n.renderMethod](a,s),B[o]=null);return z})},Object.freeze(RedSystemUniformUpdater)}(),(RedView=function(e,t,r){if(!(this instanceof RedView))return new RedView(e,t,r);!t||t instanceof RedScene||RedGLUtil.throwFunc("RedView : RedScene Instance만 허용","입력값 : "+t),r?!r||r instanceof RedCamera||r instanceof RedBaseController||RedGLUtil.throwFunc("RedView : RedCamera or XXController Instance만 허용"):RedGLUtil.throwFunc("RedView : RedCamera or XXController Instance만 허용","입력값 : "+r),this.scene=t,this.postEffectManager=RedPostEffectManager(e),this.camera=r,this._width="100%",this._height="100%",this._x=0,this._y=0,this._viewRect=[0,0,0,0],this._UUID=RedGL.makeUUID()}).prototype={setSize:function(e,t){null==e&&RedGLUtil.throwFunc("RedView setSize : width가 입력되지 않았습니다."),null==t&&RedGLUtil.throwFunc("RedView setSize : height가 입력되지 않았습니다."),"number"==typeof e?this._width=e<0?0:e:e.indexOf("%")>-1&&+e.replace("%","")>=0?this._width=e:RedGLUtil.throwFunc("RedView setSize : width는 0이상의 숫자나 %만 허용.",e),"number"==typeof t?this._height=t<0?0:t:t.indexOf("%")>-1&&+t.replace("%","")>=0?this._height=t:RedGLUtil.throwFunc("RedView setSize : height는 0이상의 숫자나 %만 허용.",t)},setLocation:function(e,t){null==e&&RedGLUtil.throwFunc("RedView setLocation : x가 입력되지 않았습니다."),null==t&&RedGLUtil.throwFunc("RedView setLocation : y가 입력되지 않았습니다."),"number"==typeof e?this._x=e<0?0:e:e.indexOf("%")>-1&&+e.replace("%","")>=0?this._x=e:RedGLUtil.throwFunc("RedView setLocation : x는 0이상의 숫자나 %만 허용.",e),"number"==typeof t?this._y=t<0?0:t:t.indexOf("%")>-1&&+t.replace("%","")>=0?this._y=t:RedGLUtil.throwFunc("RedView setLocation : y는 0이상의 숫자나 %만 허용.",t)}},Object.freeze(RedView),function(){var e,t;(RedWorld=function(){if(!(this instanceof RedWorld))return new RedWorld;this._viewList=[],this._viewMap={},this._UUID=RedGL.makeUUID()}).prototype={addView:function(e,t){e instanceof RedView||RedGLUtil.throwFunc("RedWorld :addView Instance만 허용함.","입력값 : "+e),t&&(this._viewMap[t]?RedGLUtil.throwFunc("RedWorld :key 중복","입력값 : "+t):this._viewMap[t]=e),this._viewList.push(e)},getView:function(e){return"string"==typeof e||RedGLUtil.throwFunc("RedWorld :getView 문자열만 허용함.","입력값 : "+e),this._viewMap[e]},delView:function(r){if("string"==typeof r||r instanceof RedView||RedGLUtil.throwFunc("RedWorld :delView 문자열이나 RedView 만 허용함.","입력값 : "+r),"string"==typeof r)(e=this._viewMap[r])&&(t=this._viewList.indexOf(e),this._viewList.splice(t,1),delete this._viewMap[r]);else for(var i in t=this._viewList.indexOf(r),this._viewList.splice(t,1),this._viewMap)this._viewMap[i]==r&&delete this._viewMap[i]},hasView:function(e){if("string"==typeof e||e instanceof RedView||RedGLUtil.throwFunc("RedWorld :hasView 문자열이나 RedView 만 허용함.","입력값 : "+e),"string"==typeof e)return!!this._viewMap[e];var t=this._viewList.indexOf(e);return!!this._viewList[t]},getViewList:function(){return this._viewList.concat()}},Object.freeze(RedWorld)}(),function(){RedScene=function(e,t){if(!(this instanceof RedScene))return new RedScene(e,t);e instanceof RedGL||RedGLUtil.throwFunc("RedScene : RedGL Instance만 허용.",e),this.backgroundColor=t||"#000000",this.useBackgroundColor=!0,this.useFog=!1,this.fogDensity=.5,this.fogDistance=25,this.fogColor="#ffffff",this.children=[],this.shadowManager=RedShadowManager(e),this.mouseManager=RedMouseEventManager(e),this._lightInfo={RedAmbientLight:null,RedDirectionalLight:[],RedPointLight:[]},this._UUID=RedGL.makeUUID()};var e,t,r={addLight:function(e){switch(e.TYPE){case RedAmbientLight.TYPE:this._lightInfo[e.TYPE]=e;break;case RedDirectionalLight.TYPE:this._lightInfo[e.TYPE].length===RedSystemShaderCode.MAX_DIRECTIONAL_LIGHT&&RedGLUtil.throwFunc("RedScene : RedDirectionalLight "+RedSystemShaderCode.MAX_DIRECTIONAL_LIGHT+"개 까지 허용."),this._lightInfo[e.TYPE].push(e);break;case RedPointLight.TYPE:this._lightInfo[e.TYPE].length===RedSystemShaderCode.MAX_POINT_LIGHT&&RedGLUtil.throwFunc("RedScene : RedPointLight "+RedSystemShaderCode.MAX_POINT_LIGHT+"개 까지 허용."),this._lightInfo[e.TYPE].push(e);break;default:RedGLUtil.throwFunc("RedScene : RedBaseLight 인스턴스만 가능")}},removeLight:function(t){switch(t.TYPE){case RedAmbientLight.TYPE:this._lightInfo[t.TYPE]===t&&(this._lightInfo[t.TYPE]=null);break;case RedDirectionalLight.TYPE:case RedPointLight.TYPE:(e=this._lightInfo[t.TYPE].indexOf(t))>-1&&this._lightInfo[t.TYPE].splice(e,1);break;default:RedGLUtil.throwFunc("RedScene : RedBaseLight 인스턴스만 가능")}},removeLightAll:function(){this._lightInfo[RedAmbientLight.TYPE]=null,this._lightInfo[RedDirectionalLight.TYPE].length=0,this._lightInfo[RedPointLight.TYPE].length=0}};for(var i in RedScene.prototype=new RedBaseContainer,r)RedScene.prototype[i]=r[i];RedDefinePropertyInfo.definePrototype("RedScene","backgroundColor","hex",{callback:function(){t=RedGLUtil.hexToRGB_ZeroToOne.call(this,this._backgroundColor),this._r=t[0],this._g=t[1],this._b=t[2]}}),RedDefinePropertyInfo.definePrototype("RedScene","useBackgroundColor","boolean"),RedDefinePropertyInfo.definePrototype("RedScene","useFog","boolean"),RedDefinePropertyInfo.definePrototype("RedScene","fogDensity","number",{min:0}),RedDefinePropertyInfo.definePrototype("RedScene","fogDistance","number",{min:0}),RedDefinePropertyInfo.definePrototype("RedScene","fogColor","hex",{callback:function(){var e;return function(){e=RedGLUtil.hexToRGB_ZeroToOne.call(this,this._fogColor),this._fogR=e[0],this._fogG=e[1],this._fogB=e[2]}}()}),Object.defineProperty(RedScene.prototype,"skyBox",{get:function(){return this._skyBoxMesh},set:function(e){return!e||e instanceof RedSkyBox||RedGLUtil.throwFunc("RedScene : RedSkyBox Instance만 허용."),this._skyBoxMesh=e,this._skyBoxMesh}}),Object.defineProperty(RedScene.prototype,"grid",{get:function(){return this._gridMesh},set:function(e){return!e||e instanceof RedGrid||RedGLUtil.throwFunc("RedScene : RedGrid Instance만 허용."),this._gridMesh=e,this._gridMesh}}),Object.defineProperty(RedScene.prototype,"axis",{get:function(){return this._axisMesh},set:function(e){return!e||e instanceof RedAxis||RedGLUtil.throwFunc("RedScene : RedAxis Instance만 허용."),this._axisMesh=e,this._axisMesh}}),Object.freeze(RedScene)}(),function(){var e,t;(RedCamera=function(){if(!(this instanceof RedCamera))return new RedCamera;this.x=this.y=this.z=0,this.targetX=this.targetY=this.targetZ=0,this.fov=60,this.nearClipping=.1,this.farClipping=1e5,this.mode2DYn=!1,this.matrix=mat4.create(),this.perspectiveMTX=mat4.create(),this.autoUpdateMatrix=!0,this._UUID=RedGL.makeUUID()}).prototype.update=function(){this.lookAt(this.targetX,this.targetY,this.targetZ)},RedCamera.prototype.lookAt=(e=new Float32Array([0,1,0]),t=[],function(r,i,n){t[0]=this.targetX=r,t[1]=this.targetY=i,t[2]=this.targetZ=n,mat4.identity(this.matrix),mat4.lookAt(this.matrix,[this.x,this.y,this.z],t,e)}),Object.freeze(RedCamera)}(),(RedBasicController=function(e){if(!(this instanceof RedBasicController))return new RedBasicController(e);this.targetView=null,this.keyBuffer={},this.keyNameMapper={moveForward:"w",moveBack:"s",moveLeft:"a",moveRight:"d",moveUp:"t",moveDown:"g",turnLeft:"q",turnRight:"e",turnUp:"r",turnDown:"f"},this.speed=1,this.delay=.1,this.speedRotation=1,this.delayRotation=.1,this.maxAcceleration=3,this._currentAcceleration=0,this.camera=RedCamera(),this._desirePosition=[0,0,0],this._desirePan=0,this._desireTilt=0,this._targetObject=RedMesh(e),function(t){var r,i,n,a,o,s,d,l,u,c,f,h,R,m,p;"ie"==RedGLDetect.BROWSER_INFO.browser&&11==RedGLDetect.BROWSER_INFO.browserVer?(R="offsetX",m="offsetY"):(R="layerX",m="layerY"),p=function(r){if(r||((r={clientX:e._mouseX,clientY:e._mouseY})[R]=e._mouseX,r[m]=e._mouseY),t.targetView){var i,n;if(RedGLDetect.BROWSER_INFO.isMobile?(i=r.clientX,n=r.clientY):(i=r[R],n=r[m]),!(t.targetView._viewRect[0]renderScale : '+e.renderScale+"
",r+='totalRenderTime : '+i.toFixed(2)+"ms
",r+='baseRenderTime : '+(i-n).toFixed(2)+"ms
",r+='postEffectRenderTime : '+n.toFixed(2)+"ms
",r+="
+ [
+ 0, 0, 0,
+ 0, 1, 0,
+ 0, 0, 0
+ ]
+
+ `,
+ return : 'Array'
+ }
+ :DOC*/
+ RedFilter_Convolution['NORMAL'] = [
+ 0, 0, 0,
+ 0, 1, 0,
+ 0, 0, 0
+ ];
+ /*DOC:
+ {
+ title :`RedFilter_Convolution.SHARPEN`,
+ code : 'CONST',
+ description : `
+
+ [
+ 0, -1, 0,
+ -1, 5, -1,
+ 0, -1, 0
+ ]
+
+ `,
+ return : 'Array'
+ }
+ :DOC*/
+ RedFilter_Convolution['SHARPEN'] = [
+ 0, -1, 0,
+ -1, 5, -1,
+ 0, -1, 0
+ ];
+ /*DOC:
+ {
+ title :`RedFilter_Convolution.BLUR`,
+ code : 'CONST',
+ description : `
+
+ [
+ 1, 1, 1,
+ 1, 1, 1,
+ 1, 1, 1
+ ]
+
+ `,
+ return : 'Array'
+ }
+ :DOC*/
+ RedFilter_Convolution['BLUR'] = [
+ 1, 1, 1,
+ 1, 1, 1,
+ 1, 1, 1
+ ];
+ /*DOC:
+ {
+ title :`RedFilter_Convolution.EDGE`,
+ code : 'CONST',
+ description : `
+
+ [
+ 0, 1, 0,
+ 1, -4, 1,
+ 0, 1, 0
+ ]
+
+ `,
+ return : 'Array'
+ }
+ :DOC*/
+ RedFilter_Convolution['EDGE'] = [
+ 0, 1, 0,
+ 1, -4, 1,
+ 0, 1, 0
+ ];
+ /*DOC:
+ {
+ title :`RedFilter_Convolution.EMBOSS`,
+ code : 'CONST',
+ description : `
+
+ [
+ -2, -1, 0,
+ -1, 1, 1,
+ 0, 1, 2
+ ]
+
+ `,
+ return : 'Array'
+ }
+ :DOC*/
+ RedFilter_Convolution['EMBOSS'] = [
+ -2, -1, 0,
+ -1, 1, 1,
+ 0, 1, 2
+ ];
+ Object.freeze(RedFilter_Convolution);
+})();
\ No newline at end of file
diff --git a/src/filter/RedFilter_Film.js b/src/filter/RedFilter_Film.js
new file mode 100644
index 00000000..8e9da897
--- /dev/null
+++ b/src/filter/RedFilter_Film.js
@@ -0,0 +1,158 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.8.2 18:16:21
+ *
+ */
+
+"use strict";
+var RedFilter_Film;
+(function () {
+ var vSource, fSource;
+ var PROGRAM_NAME = 'RedFilterFilmProgram';
+ var checked;
+ vSource = RedBaseFilter['baseVertexShaderSource1']
+ fSource = function () {
+ /* @preserve
+ precision lowp float;
+ uniform bool u_grayMode;
+ uniform sampler2D u_diffuseTexture;
+ uniform float u_noiseIntensity; // noise effect intensity value (0 = no effect, 1 = full effect)
+ uniform float u_scanlineIntensity; // scanlines effect intensity value (0 = no effect, 1 = full effect)
+ uniform float u_scanlineCount; // scanlines effect count value (0 = no effect, 4096 = full effect)
+
+ void main() {
+ // sample the source
+ vec2 testCoord = gl_FragCoord.xy/vResolution.xy;
+ vec4 diffuseColor = texture2D( u_diffuseTexture, testCoord );
+
+ // make some noise
+ float x = testCoord.x * testCoord.y * vTime;
+ x = mod( x, 13.0 ) * mod( x, 123.0 );
+ float dx = mod( x, 0.01 );
+
+ // add noise
+ vec3 finalColor = diffuseColor.rgb + diffuseColor.rgb * clamp( 0.1 + dx * 100.0, 0.0, 1.0 );
+
+ // get us a sine and cosine
+ vec2 sc = vec2( sin( testCoord.y * u_scanlineCount ), cos( testCoord.y * u_scanlineCount ) );
+
+ // add scanlines
+ finalColor += diffuseColor.rgb * vec3( sc.x, sc.y, sc.x ) * u_scanlineIntensity;
+
+ // interpolate between source and result by intensity
+ finalColor = diffuseColor.rgb + clamp( u_noiseIntensity, 0.0, 1.0 ) * ( finalColor - diffuseColor.rgb );
+
+ // convert to grayscale if desired
+ if( u_grayMode ) finalColor = vec3( finalColor.r * 0.3 + finalColor.g * 0.59 + finalColor.b * 0.11 );
+ gl_FragColor = vec4( finalColor, diffuseColor.a );
+ }
+ */
+ };
+ /*DOC:
+ {
+ constructorYn : true,
+ title :`RedFilter_Film`,
+ description : `
+ Film 이펙트
+ `,
+ params : {
+ redGL : [
+ {type:'RedGL'}
+ ]
+ },
+ extends : [
+ 'RedBaseFilter',
+ 'RedBaseMaterial'
+ ],
+ demo : '../example/postEffect/RedFilter_Film.html',
+ example : `
+ var effect;
+ effect = RedFilter_Film(RedGL Instance); // 포스트이펙트 생성
+ // postEffectManager는 RedView 생성시 자동생성됨.
+ (RedView Instance)['postEffectManager'].addEffect(effect); // 뷰에 이펙트 추가
+ `,
+ return : 'RedFilter_Film Instance'
+ }
+ :DOC*/
+ RedFilter_Film = function (redGL) {
+ if (!(this instanceof RedFilter_Film)) return new RedFilter_Film(redGL);
+ redGL instanceof RedGL || RedGLUtil.throwFunc('RedFilter_Film : RedGL Instance만 허용.', redGL);
+ this['frameBuffer'] = RedFilterFrameBuffer(redGL);
+ this['diffuseTexture'] = null;
+ this['grayMode'] = false;
+ this['scanlineIntensity'] = 0.5;
+ this['noiseIntensity'] = 0.5;
+ this['scanlineCount'] = 2048;
+ /////////////////////////////////////////
+ // 일반 프로퍼티
+ this['program'] = RedProgram['makeProgram'](redGL, PROGRAM_NAME, vSource, fSource);
+ this['_UUID'] = RedGL.makeUUID();
+ if (!checked) {
+ this.checkUniformAndProperty();
+ checked = true;
+ }
+ console.log(this);
+ };
+ RedFilter_Film.prototype = new RedBaseFilter();
+ RedFilter_Film.prototype['updateTexture'] = function (lastFrameBufferTexture) {
+ this['diffuseTexture'] = lastFrameBufferTexture;
+ };
+ RedDefinePropertyInfo.definePrototypes(
+ 'RedFilter_Film',
+ [ 'diffuseTexture', 'sampler2D'],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`grayMode`,
+ description : `
+ 그레이모드
+ 기본값 : false
+ `,
+ return : 'Boolean'
+ }
+ :DOC*/
+ [ 'grayMode', 'boolean'],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`scanlineIntensity`,
+ description : `
+ 스캔라인강도
+ 기본값 : 0.5
+ min : 0
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ [ 'scanlineIntensity', 'number', {'min': 0}],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`noiseIntensity`,
+ description : `
+ 노이즈강도
+ 기본값 : 0.5
+ min : 0
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ [ 'noiseIntensity', 'number', {'min': 0}],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`scanlineCount`,
+ description : `
+ 스캔라인 수
+ 기본값 : 2048
+ min : 0
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ [ 'scanlineCount', 'number', {'min': 0}]
+ );
+ Object.freeze(RedFilter_Film);
+})();
\ No newline at end of file
diff --git a/src/filter/adjustments/RedFilter_BrightnessContrast.js b/src/filter/adjustments/RedFilter_BrightnessContrast.js
new file mode 100644
index 00000000..8b9e1473
--- /dev/null
+++ b/src/filter/adjustments/RedFilter_BrightnessContrast.js
@@ -0,0 +1,120 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.8.7 11:21:57
+ *
+ */
+
+"use strict";
+var RedFilter_BrightnessContrast;
+(function () {
+ var vSource, fSource;
+ var PROGRAM_NAME = 'RedFilterBrightnessContrastProgram';
+ var checked;
+ vSource = RedBaseFilter['baseVertexShaderSource1']
+ fSource = function () {
+ /* @preserve
+ precision mediump float;
+ uniform sampler2D u_diffuseTexture;
+ uniform float u_brightness_value;
+ uniform float u_contrast_value;
+ void main(void) {
+ vec4 finalColor = texture2D(u_diffuseTexture, gl_FragCoord.xy/vResolution );
+ if (u_contrast_value > 0.0) finalColor.rgb = (finalColor.rgb - 0.5) / (1.0 - u_contrast_value) + 0.5;
+ else finalColor.rgb = (finalColor.rgb - 0.5) * (1.0 + u_contrast_value) + 0.5;
+ finalColor.rgb += u_brightness_value;
+ gl_FragColor = finalColor;
+ }
+ */
+ };
+ /*DOC:
+ {
+ constructorYn : true,
+ title :`RedFilter_BrightnessContrast`,
+ description : `
+ BrightnessContrast 이펙트
+ postEffectManager.addEffect( effect Instance ) 로 추가.
+ `,
+ params : {
+ redGL : [
+ {type:'RedGL'}
+ ]
+ },
+ extends : [
+ 'RedBaseFilter',
+ 'RedBaseMaterial'
+ ],
+ demo : '../example/postEffect/adjustments/RedFilter_BrightnessContrast.html',
+ example : `
+ var effect;
+ effect = RedFilter_BrightnessContrast(RedGL Instance); // 포스트이펙트 생성
+ // postEffectManager는 RedView 생성시 자동생성됨.
+ (RedView Instance)['postEffectManager'].addEffect(effect); // 뷰에 이펙트 추가
+ `,
+ return : 'RedFilter_BrightnessContrast Instance'
+ }
+ :DOC*/
+ RedFilter_BrightnessContrast = function (redGL) {
+ if (!(this instanceof RedFilter_BrightnessContrast)) return new RedFilter_BrightnessContrast(redGL);
+ redGL instanceof RedGL || RedGLUtil.throwFunc('RedFilter_BrightnessContrast : RedGL Instance만 허용.', redGL);
+ this['frameBuffer'] = RedFilterFrameBuffer(redGL);
+ this['diffuseTexture'] = null;
+ this['brightness'] = 0;
+ this['contrast'] = 0;
+ /////////////////////////////////////////
+ // 일반 프로퍼티
+ this['program'] = RedProgram['makeProgram'](redGL, PROGRAM_NAME, vSource, fSource);
+ this['_UUID'] = RedGL.makeUUID();
+ if (!checked) {
+ this.checkUniformAndProperty();
+ checked = true;
+ }
+ console.log(this);
+ };
+ RedFilter_BrightnessContrast.prototype = new RedBaseFilter();
+ RedFilter_BrightnessContrast.prototype['updateTexture'] = function (lastFrameBufferTexture) {
+ this['diffuseTexture'] = lastFrameBufferTexture;
+ };
+ RedDefinePropertyInfo.definePrototypes(
+ 'RedFilter_BrightnessContrast',
+ ['diffuseTexture', 'sampler2D'],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`brightness`,
+ description : `
+ 밝기
+ 기본값 : 0
+ min : -150
+ max : 150
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ ['brightness', 'number', {
+ min: -150, max: 150, callback: function (v) {
+ this['_brightness_value'] = v / 255
+ }
+ }],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`contrast`,
+ description : `
+ 대조
+ 기본값 : 0
+ min: -50
+ max: 100
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ ['contrast', 'number', {
+ min: -50, max: 100, callback: function (v) {
+ this['_contrast_value'] = v / 255
+ }
+ }]
+ );
+ Object.freeze(RedFilter_BrightnessContrast);
+})();
\ No newline at end of file
diff --git a/src/filter/adjustments/RedFilter_Gray.js b/src/filter/adjustments/RedFilter_Gray.js
new file mode 100644
index 00000000..dd9f8695
--- /dev/null
+++ b/src/filter/adjustments/RedFilter_Gray.js
@@ -0,0 +1,75 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.8.6 14:20:40
+ *
+ */
+
+"use strict";
+var RedFilter_Gray;
+(function () {
+ var vSource, fSource;
+ var PROGRAM_NAME = 'RedFilterGrayProgram';
+ var checked;
+ vSource = RedBaseFilter['baseVertexShaderSource1']
+ fSource = function () {
+ /* @preserve
+ precision lowp float;
+ uniform sampler2D u_diffuseTexture;
+ void main(void) {
+ vec4 finalColor = texture2D(u_diffuseTexture, gl_FragCoord.xy/vResolution);
+ highp float gray = (finalColor.r + finalColor.g + finalColor.b)/3.0;
+ gl_FragColor = vec4( gray, gray, gray, finalColor.a);
+ }
+ */
+ };
+ /*DOC:
+ {
+ constructorYn : true,
+ title :`RedFilter_Gray`,
+ description : `
+ Gray 이펙트
+ postEffectManager.addEffect( effect Instance ) 로 추가.
+ `,
+ params : {
+ redGL : [
+ {type:'RedGL'}
+ ]
+ },
+ extends : [
+ 'RedBaseFilter',
+ 'RedBaseMaterial'
+ ],
+ demo : '../example/postEffect/adjustments/RedFilter_Gray.html',
+ example : `
+ var effect;
+ effect = RedFilter_Gray(RedGL Instance); // 포스트이펙트 생성
+ // postEffectManager는 RedView 생성시 자동생성됨.
+ (RedView Instance)['postEffectManager'].addEffect(effect); // 뷰에 이펙트 추가
+ `,
+ return : 'RedFilter_Gray Instance'
+ }
+ :DOC*/
+ RedFilter_Gray = function (redGL) {
+ if (!(this instanceof RedFilter_Gray)) return new RedFilter_Gray(redGL);
+ redGL instanceof RedGL || RedGLUtil.throwFunc('RedFilter_Gray : RedGL Instance만 허용.', redGL);
+ this['frameBuffer'] = RedFilterFrameBuffer(redGL);
+ this['diffuseTexture'] = null;
+ /////////////////////////////////////////
+ // 일반 프로퍼티
+ this['program'] = RedProgram['makeProgram'](redGL, PROGRAM_NAME, vSource, fSource);
+ this['_UUID'] = RedGL.makeUUID();
+ if (!checked) {
+ this.checkUniformAndProperty();
+ checked = true;
+ }
+ console.log(this);
+ };
+ RedFilter_Gray.prototype = new RedBaseFilter();
+ RedFilter_Gray.prototype['updateTexture'] = function (lastFrameBufferTexture) {
+ this['diffuseTexture'] = lastFrameBufferTexture;
+ };
+ RedDefinePropertyInfo.definePrototype('RedFilter_Gray', 'diffuseTexture', 'sampler2D');
+ Object.freeze(RedFilter_Gray);
+})();
\ No newline at end of file
diff --git a/src/filter/adjustments/RedFilter_HueSaturation.js b/src/filter/adjustments/RedFilter_HueSaturation.js
new file mode 100644
index 00000000..be98d990
--- /dev/null
+++ b/src/filter/adjustments/RedFilter_HueSaturation.js
@@ -0,0 +1,132 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.8.6 14:20:40
+ *
+ */
+
+"use strict";
+var RedFilter_HueSaturation;
+(function () {
+ var vSource, fSource;
+ var PROGRAM_NAME = 'RedFilterHueSaturationProgram';
+ var checked;
+ vSource = RedBaseFilter['baseVertexShaderSource1']
+ fSource = function () {
+ /* @preserve
+ precision lowp float;
+ uniform sampler2D u_diffuseTexture;
+ uniform float u_hue_value;
+ uniform float u_saturation_value;
+ void main(void) {
+ vec2 testCoord = gl_FragCoord.xy/vResolution.xy;
+ vec4 finalColor = texture2D(u_diffuseTexture, testCoord );
+ float angle = u_hue_value * 3.1415926535897932384626433832795;
+ float s = sin(angle), c = cos(angle);
+ vec3 weights = (vec3(2.0 * c, -sqrt(3.0) * s - c, sqrt(3.0) * s - c) + 1.0) / 3.0;
+ float len = length(finalColor.rgb);
+
+ finalColor.rgb = vec3(
+ dot(finalColor.rgb, weights.xyz),
+ dot(finalColor.rgb, weights.zxy),
+ dot(finalColor.rgb, weights.yzx)
+ );
+
+ float average = (finalColor.r + finalColor.g + finalColor.b) / 3.0;
+ if (u_saturation_value > 0.0) finalColor.rgb += (average - finalColor.rgb) * (1.0 - 1.0 / (1.001 - u_saturation_value));
+ else finalColor.rgb += (average - finalColor.rgb) * (-u_saturation_value);
+ gl_FragColor = finalColor;
+ }
+ */
+ };
+ /*DOC:
+ {
+ constructorYn : true,
+ title :`RedFilter_HueSaturation`,
+ description : `
+ HueSaturation 이펙트
+ postEffectManager.addEffect( effect Instance ) 로 추가.
+ `,
+ params : {
+ redGL : [
+ {type:'RedGL'}
+ ]
+ },
+ extends : [
+ 'RedBaseFilter',
+ 'RedBaseMaterial'
+ ],
+ demo : '../example/postEffect/adjustments/RedFilter_HueSaturation.html',
+ example : `
+ var effect;
+ effect = RedFilter_HueSaturation(RedGL Instance); // 포스트이펙트 생성
+ // postEffectManager는 RedView 생성시 자동생성됨.
+ (RedView Instance)['postEffectManager'].addEffect(effect); // 뷰에 이펙트 추가
+ `,
+ return : 'RedFilter_HueSaturation Instance'
+ }
+ :DOC*/
+ RedFilter_HueSaturation = function (redGL) {
+ if (!(this instanceof RedFilter_HueSaturation)) return new RedFilter_HueSaturation(redGL);
+ redGL instanceof RedGL || RedGLUtil.throwFunc('RedFilter_HueSaturation : RedGL Instance만 허용.', redGL);
+ this['frameBuffer'] = RedFilterFrameBuffer(redGL);
+ this['diffuseTexture'] = null;
+ this['hue'] = 0;
+ this['saturation'] = 0;
+ /////////////////////////////////////////
+ // 일반 프로퍼티
+ this['program'] = RedProgram['makeProgram'](redGL, PROGRAM_NAME, vSource, fSource);
+ this['_UUID'] = RedGL.makeUUID();
+ if (!checked) {
+ this.checkUniformAndProperty();
+ checked = true;
+ }
+ console.log(this);
+ };
+ RedFilter_HueSaturation.prototype = new RedBaseFilter();
+ RedFilter_HueSaturation.prototype['updateTexture'] = function (lastFrameBufferTexture) {
+ this['diffuseTexture'] = lastFrameBufferTexture;
+ };
+ RedDefinePropertyInfo.definePrototypes(
+ 'RedFilter_HueSaturation',
+ ['diffuseTexture', 'sampler2D'],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`hue`,
+ description : `
+ 색조
+ 기본값 : 0
+ min: -180
+ max: 180
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ ['hue', 'number', {
+ min: -180, max: 180, callback: function (v) {
+ this['_hue_value'] = v / 180
+ }
+ }],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`saturation`,
+ description : `
+ 채도
+ 기본값 : 0
+ min: -100
+ max: 100
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ ['saturation', 'number', {
+ min: -100, max: 100, callback: function (v) {
+ this['_saturation_value'] = v / 100
+ }
+ }]
+ );
+ Object.freeze(RedFilter_HueSaturation);
+})();
\ No newline at end of file
diff --git a/src/filter/adjustments/RedFilter_Invert.js b/src/filter/adjustments/RedFilter_Invert.js
new file mode 100644
index 00000000..b20b2226
--- /dev/null
+++ b/src/filter/adjustments/RedFilter_Invert.js
@@ -0,0 +1,79 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.8.6 17:36:26
+ *
+ */
+
+"use strict";
+var RedFilter_Invert;
+(function () {
+ var vSource, fSource;
+ var PROGRAM_NAME = 'RedFilterInvertProgram';
+ var checked;
+ vSource = RedBaseFilter['baseVertexShaderSource1']
+ fSource = function () {
+ /* @preserve
+ precision lowp float;
+ uniform sampler2D u_diffuseTexture;
+
+ void main(void) {
+ vec4 finalColor = texture2D(u_diffuseTexture, gl_FragCoord.xy/vResolution);
+ if(finalColor.a == 0.0) discard;
+ finalColor.r = 1.0 - finalColor.r;
+ finalColor.g = 1.0 - finalColor.g;
+ finalColor.b = 1.0 - finalColor.b;
+ gl_FragColor = finalColor;
+ }
+ */
+ };
+ /*DOC:
+ {
+ constructorYn : true,
+ title :`RedFilter_Invert`,
+ description : `
+ Invert 이펙트
+ postEffectManager.addEffect( effect Instance ) 로 추가.
+ `,
+ params : {
+ redGL : [
+ {type:'RedGL'}
+ ]
+ },
+ extends : [
+ 'RedBaseFilter',
+ 'RedBaseMaterial'
+ ],
+ demo : '../example/postEffect/adjustments/RedFilter_Invert.html',
+ example : `
+ var effect;
+ effect = RedFilter_Invert(RedGL Instance); // 포스트이펙트 생성
+ // postEffectManager는 RedView 생성시 자동생성됨.
+ (RedView Instance)['postEffectManager'].addEffect(effect); // 뷰에 이펙트 추가
+ `,
+ return : 'RedFilter_Invert Instance'
+ }
+ :DOC*/
+ RedFilter_Invert = function (redGL) {
+ if (!(this instanceof RedFilter_Invert)) return new RedFilter_Invert(redGL);
+ redGL instanceof RedGL || RedGLUtil.throwFunc('RedFilter_Invert : RedGL Instance만 허용.', redGL);
+ this['frameBuffer'] = RedFilterFrameBuffer(redGL);
+ this['diffuseTexture'] = null;
+ /////////////////////////////////////////
+ // 일반 프로퍼티
+ this['program'] = RedProgram['makeProgram'](redGL, PROGRAM_NAME, vSource, fSource);
+ this['_UUID'] = RedGL.makeUUID();
+ if (!checked) {
+ this.checkUniformAndProperty();
+ checked = true;
+ }
+ console.log(this);
+ };
+ RedFilter_Invert.prototype = new RedBaseFilter();
+ RedFilter_Invert.prototype['updateTexture'] = function (lastFrameBufferTexture) {
+ this['diffuseTexture'] = lastFrameBufferTexture;
+ };
+ RedDefinePropertyInfo.definePrototype('RedFilter_Invert', 'diffuseTexture', 'sampler2D');
+ Object.freeze(RedFilter_Invert);
+})();
\ No newline at end of file
diff --git a/src/filter/adjustments/RedFilter_Threshold.js b/src/filter/adjustments/RedFilter_Threshold.js
new file mode 100644
index 00000000..dcfbfd5b
--- /dev/null
+++ b/src/filter/adjustments/RedFilter_Threshold.js
@@ -0,0 +1,105 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.8.7 11:21:57
+ *
+ */
+
+"use strict";
+var RedFilter_Threshold;
+(function () {
+ var vSource, fSource;
+ var PROGRAM_NAME = 'RedFilterThresholdProgram';
+ var checked;
+ vSource = RedBaseFilter['baseVertexShaderSource1']
+ fSource = function () {
+ /* @preserve
+ precision lowp float;
+ uniform sampler2D u_diffuseTexture;
+ uniform float u_threshold_value;
+ void main() {
+ vec4 finalColor = texture2D(u_diffuseTexture, gl_FragCoord.xy/vResolution.xy);
+ float v;
+ if(0.2126 * finalColor.r + 0.7152 * finalColor.g + 0.0722 * finalColor.b >= u_threshold_value) v = 1.0;
+ else v = 0.0;
+ finalColor.r = finalColor.g = finalColor.b = v;
+ gl_FragColor = finalColor;
+ }
+ */
+ };
+ /*DOC:
+ {
+ constructorYn : true,
+ title :`RedFilter_Threshold`,
+ description : `
+ Threshold 이펙트
+ postEffectManager.addEffect( effect Instance ) 로 추가.
+ `,
+ params : {
+ redGL : [
+ {type:'RedGL'}
+ ]
+ },
+ extends : [
+ 'RedBaseFilter',
+ 'RedBaseMaterial'
+ ],
+ demo : '../example/postEffect/adjustments/RedFilter_Threshold.html',
+ example : `
+ var effect;
+ effect = RedFilter_Threshold(RedGL Instance); // 포스트이펙트 생성
+ // postEffectManager는 RedView 생성시 자동생성됨.
+ (RedView Instance)['postEffectManager'].addEffect(effect); // 뷰에 이펙트 추가
+ `,
+ return : 'RedFilter_Threshold Instance'
+ }
+ :DOC*/
+ RedFilter_Threshold = function (redGL) {
+ if (!(this instanceof RedFilter_Threshold)) return new RedFilter_Threshold(redGL);
+ redGL instanceof RedGL || RedGLUtil.throwFunc('RedFilter_Threshold : RedGL Instance만 허용.', redGL);
+ this['frameBuffer'] = RedFilterFrameBuffer(redGL);
+ this['diffuseTexture'] = null;
+ this['threshold'] = 50;
+ /////////////////////////////////////////
+ // 일반 프로퍼티
+ this['program'] = RedProgram['makeProgram'](redGL, PROGRAM_NAME, vSource, fSource);
+ this['_UUID'] = RedGL.makeUUID();
+ if (!checked) {
+ this.checkUniformAndProperty();
+ checked = true;
+ }
+ console.log(this);
+ };
+ RedFilter_Threshold.prototype = new RedBaseFilter();
+ RedFilter_Threshold.prototype['updateTexture'] = function (lastFrameBufferTexture) {
+ this['diffuseTexture'] = lastFrameBufferTexture;
+ };
+ RedDefinePropertyInfo.definePrototypes(
+ 'RedFilter_Threshold',
+ ['diffuseTexture', 'sampler2D'],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`threshold`,
+ description : `
+ 최소 유효값
+ 기본값 : 128
+ min: 1
+ max: 255
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ [
+ 'threshold', 'number',
+ {
+ min: 1, max: 255, callback: function (v) {
+ this['_threshold_value'] = v / 255
+ }
+ }
+ ]
+ );
+
+ Object.freeze(RedFilter_Threshold);
+})();
\ No newline at end of file
diff --git a/src/filter/bloom/RedFilter_Bloom.js b/src/filter/bloom/RedFilter_Bloom.js
new file mode 100644
index 00000000..ce073239
--- /dev/null
+++ b/src/filter/bloom/RedFilter_Bloom.js
@@ -0,0 +1,159 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.8.6 14:20:40
+ *
+ */
+
+"use strict";
+var RedFilter_Bloom;
+(function () {
+ var vSource, fSource;
+ var PROGRAM_NAME = 'RedFilterBloomProgram';
+ var checked;
+ vSource = RedBaseFilter['baseVertexShaderSource1']
+ fSource = function () {
+ /* @preserve
+ precision lowp float;
+ uniform sampler2D u_diffuseTexture;
+ uniform sampler2D u_blurTexture;
+ uniform float u_exposure;
+ uniform float u_bloomStrength;
+
+ void main() {
+ vec4 finalColor = texture2D(u_diffuseTexture, gl_FragCoord.xy/vResolution.xy);
+ vec4 thresholdColor = finalColor;
+ vec4 blurColor = texture2D(u_blurTexture, gl_FragCoord.xy/vResolution.xy);
+ finalColor.rgb = (finalColor.rgb + blurColor.rgb * u_bloomStrength) * u_exposure;
+ gl_FragColor = finalColor ;
+ }
+ */
+ };
+ /*DOC:
+ {
+ constructorYn : true,
+ title :`RedFilter_Bloom`,
+ description : `
+ Bloom 이펙트
+ postEffectManager.addEffect( effect Instance ) 로 추가.
+ `,
+ params : {
+ redGL : [
+ {type:'RedGL'}
+ ]
+ },
+ extends : [
+ 'RedBaseFilter',
+ 'RedBaseMaterial'
+ ],
+ demo : '../example/postEffect/bloom/RedFilter_Bloom.html',
+ example : `
+ var effect;
+ effect = RedFilter_Bloom(RedGL Instance); // 포스트이펙트 생성
+ // postEffectManager는 RedView 생성시 자동생성됨.
+ (RedView Instance)['postEffectManager'].addEffect(effect); // 뷰에 이펙트 추가
+ `,
+ return : 'RedFilter_Bloom Instance'
+ }
+ :DOC*/
+ RedFilter_Bloom = function (redGL) {
+ if (!(this instanceof RedFilter_Bloom)) return new RedFilter_Bloom(redGL);
+ redGL instanceof RedGL || RedGLUtil.throwFunc('RedFilter_Bloom : RedGL Instance만 허용.', redGL);
+ this['frameBuffer'] = RedFilterFrameBuffer(redGL);
+ this['diffuseTexture'] = null;
+ this['blurTexture'] = null;
+ this['exposure'] = 1;
+ this['bloomStrength'] = 1.2;
+ /////////////////////////////////////////
+ // 일반 프로퍼티
+ this['_process'] = [
+ RedFilter_BloomThreshold(redGL),
+ RedFilter_BlurX(redGL),
+ RedFilter_BlurY(redGL)
+ ];
+ this['blur'] = 20;
+ this['threshold'] = 75;
+ this['program'] = RedProgram['makeProgram'](redGL, PROGRAM_NAME, vSource, fSource);
+ this['_UUID'] = RedGL.makeUUID();
+ if (!checked) {
+ this.checkUniformAndProperty();
+ checked = true;
+ }
+ console.log(this);
+ };
+ RedFilter_Bloom.prototype = new RedBaseFilter();
+ RedFilter_Bloom.prototype['updateTexture'] = function (lastFrameBufferTexture, parentFrameBufferTexture) {
+ this['diffuseTexture'] = parentFrameBufferTexture;
+ this['blurTexture'] = lastFrameBufferTexture;
+ };
+ RedDefinePropertyInfo.definePrototypes(
+ 'RedFilter_Bloom',
+ ['diffuseTexture', 'sampler2D'],
+ ['blurTexture', 'sampler2D'],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`exposure`,
+ description : `
+ 확산 강도.
+ 기본값 : 1
+ min : 0
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ ['exposure', 'number', {'min': 0}],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`bloomStrength`,
+ description : `
+ 블룸 강도
+ 기본값 : 1.2
+ min : 0
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ ['bloomStrength', 'number', {'min': 0}],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`threshold`,
+ description : `
+ 최소 유효값
+ 기본값 : 75
+ min : 0
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ ['threshold', 'number', {
+ min: 0,
+ callback: function (v) {
+ this['_process'][0]['threshold'] = v;
+ this['_threshold'] = this['_process'][0]['threshold']
+ }
+ }],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`blur`,
+ description : `
+ blur 정도.
+ 기본값 : 20
+ min : 0
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ ['blur', 'number', {
+ min: 0, callback: function (v) {
+ this['_process'][1]['size'] = v;
+ this['_process'][2]['size'] = v;
+ }
+ }]
+ );
+ Object.freeze(RedFilter_Bloom);
+})();
\ No newline at end of file
diff --git a/src/filter/bloom/RedFilter_BloomThreshold.js b/src/filter/bloom/RedFilter_BloomThreshold.js
new file mode 100644
index 00000000..566ba116
--- /dev/null
+++ b/src/filter/bloom/RedFilter_BloomThreshold.js
@@ -0,0 +1,102 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.8.6 14:20:40
+ *
+ */
+
+"use strict";
+var RedFilter_BloomThreshold;
+(function () {
+ var vSource, fSource;
+ var PROGRAM_NAME;
+ var checked;
+ vSource = RedBaseFilter['baseVertexShaderSource1']
+ fSource = function () {
+ /* @preserve
+ precision lowp float;
+ uniform sampler2D u_diffuseTexture;
+ uniform float u_threshold_value;
+
+ void main() {
+ vec4 finalColor = texture2D(u_diffuseTexture, gl_FragCoord.xy/vResolution.xy);
+ if(0.2126 * finalColor.r + 0.7152 * finalColor.g + 0.0722 * finalColor.b < u_threshold_value) finalColor.r = finalColor.g = finalColor.b = 0.0;
+ gl_FragColor = finalColor;
+ }
+ */
+ };
+ PROGRAM_NAME = 'RedFilterBloomThresholdProgram';
+ /*DOC:
+ {
+ constructorYn : true,
+ title :`RedFilter_BloomThreshold`,
+ description : `
+ BloomThreshold 이펙트
+ RedFilter_Bloom 내부에서 사용하는 절차 이펙트
+ 시스템적으로 사용됨.
+ `,
+ params : {
+ redGL : [
+ {type:'RedGL'}
+ ]
+ },
+ extends : [
+ 'RedBaseFilter',
+ 'RedBaseMaterial'
+ ],
+ example : `
+ var effect;
+ effect = RedFilter_BloomThreshold(RedGL Instance); // 포스트이펙트 생성
+ // postEffectManager는 RedView 생성시 자동생성됨.
+ (RedView Instance)['postEffectManager'].addEffect(effect); // 뷰에 이펙트 추가
+ `,
+ return : 'RedFilter_BloomThreshold Instance'
+ }
+ :DOC*/
+ RedFilter_BloomThreshold = function (redGL) {
+ if (!(this instanceof RedFilter_BloomThreshold)) return new RedFilter_BloomThreshold(redGL);
+ redGL instanceof RedGL || RedGLUtil.throwFunc('RedFilter_BloomThreshold : RedGL Instance만 허용.', redGL);
+ this['frameBuffer'] = RedFilterFrameBuffer(redGL);
+ this['diffuseTexture'] = null;
+ this['renderScale'] = 0.5
+ this['threshold'] = 128;
+ /////////////////////////////////////////
+ // 일반 프로퍼티
+ this['program'] = RedProgram['makeProgram'](redGL, PROGRAM_NAME, vSource, fSource);
+ this['_UUID'] = RedGL.makeUUID();
+ if (!checked) {
+ this.checkUniformAndProperty();
+ checked = true;
+ }
+ console.log(this);
+ };
+ RedFilter_BloomThreshold.prototype = new RedBaseFilter();
+ RedFilter_BloomThreshold.prototype['updateTexture'] = function (lastFrameBufferTexture) {
+ this['diffuseTexture'] = lastFrameBufferTexture;
+ };
+ RedDefinePropertyInfo.definePrototypes(
+ 'RedFilter_BloomThreshold',
+ ['diffuseTexture', 'sampler2D'],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`threshold`,
+ description : `
+ 최소 유효값
+ 기본값 : 128
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ [
+ 'threshold', 'number',
+ {
+ min: 0, max: 255, callback: function (v) {
+ this['_threshold_value'] = v / 255
+ }
+ }
+ ]
+ );
+ Object.freeze(RedFilter_BloomThreshold);
+})();
\ No newline at end of file
diff --git a/src/filter/blur/RedFilter_Blur.js b/src/filter/blur/RedFilter_Blur.js
new file mode 100644
index 00000000..06de9922
--- /dev/null
+++ b/src/filter/blur/RedFilter_Blur.js
@@ -0,0 +1,91 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.8.6 14:20:40
+ *
+ */
+
+"use strict";
+var RedFilter_Blur;
+(function () {
+ var vSource, fSource;
+ var PROGRAM_NAME = 'RedFilterBlurProgram';
+ var checked;
+ vSource = RedBaseFilter['baseVertexShaderSource1']
+ fSource = function () {
+ /* @preserve
+ precision lowp float;
+ uniform sampler2D u_diffuseTexture;
+ void main(void) {
+ vec2 px = vec2(1.0/vResolution.x, 1.0/vResolution.y);
+ vec4 finalColor = vec4(0.0);
+ vec2 testCoord = gl_FragCoord.xy/vResolution.xy;
+ finalColor += texture2D(u_diffuseTexture, testCoord + vec2(-7.0*px.x, -7.0*px.y))*0.0044299121055113265;
+ finalColor += texture2D(u_diffuseTexture, testCoord + vec2(-6.0*px.x, -6.0*px.y))*0.00895781211794;
+ finalColor += texture2D(u_diffuseTexture, testCoord + vec2(-5.0*px.x, -5.0*px.y))*0.0215963866053;
+ finalColor += texture2D(u_diffuseTexture, testCoord + vec2(-4.0*px.x, -4.0*px.y))*0.0443683338718;
+ finalColor += texture2D(u_diffuseTexture, testCoord + vec2(-3.0*px.x, -3.0*px.y))*0.0776744219933;
+ finalColor += texture2D(u_diffuseTexture, testCoord + vec2(-2.0*px.x, -2.0*px.y))*0.115876621105;
+ finalColor += texture2D(u_diffuseTexture, testCoord + vec2(-1.0*px.x, -1.0*px.y))*0.147308056121;
+ finalColor += texture2D(u_diffuseTexture, testCoord )*0.159576912161;
+ finalColor += texture2D(u_diffuseTexture, testCoord + vec2( 1.0*px.x, 1.0*px.y))*0.147308056121;
+ finalColor += texture2D(u_diffuseTexture, testCoord + vec2( 2.0*px.x, 2.0*px.y))*0.115876621105;
+ finalColor += texture2D(u_diffuseTexture, testCoord + vec2( 3.0*px.x, 3.0*px.y))*0.0776744219933;
+ finalColor += texture2D(u_diffuseTexture, testCoord + vec2( 4.0*px.x, 4.0*px.y))*0.0443683338718;
+ finalColor += texture2D(u_diffuseTexture, testCoord + vec2( 5.0*px.x, 5.0*px.y))*0.0215963866053;
+ finalColor += texture2D(u_diffuseTexture, testCoord + vec2( 6.0*px.x, 6.0*px.y))*0.00895781211794;
+ finalColor += texture2D(u_diffuseTexture, testCoord + vec2( 7.0*px.x, 7.0*px.y))*0.0044299121055113265;
+ gl_FragColor = finalColor;
+ }
+ */
+ };
+ /*DOC:
+ {
+ constructorYn : true,
+ title :`RedFilter_Blur`,
+ description : `
+ 기본 블러 이펙트
+ postEffectManager.addEffect( effect Instance ) 로 추가.
+ `,
+ params : {
+ redGL : [
+ {type:'RedGL'}
+ ]
+ },
+ extends : [
+ 'RedBaseFilter',
+ 'RedBaseMaterial'
+ ],
+ demo : '../example/postEffect/blur/RedFilter_Blur.html',
+ example : `
+ var effect;
+ effect = RedFilter_Blur(RedGL Instance); // 포스트이펙트 생성
+ // postEffectManager는 RedView 생성시 자동생성됨.
+ (RedView Instance)['postEffectManager'].addEffect(effect); // 뷰에 이펙트 추가
+ `,
+ return : 'RedFilter_Blur Instance'
+ }
+ :DOC*/
+ RedFilter_Blur = function (redGL) {
+ if (!(this instanceof RedFilter_Blur)) return new RedFilter_Blur(redGL);
+ redGL instanceof RedGL || RedGLUtil.throwFunc('RedFilter_Blur : RedGL Instance만 허용.', redGL);
+ this['frameBuffer'] = RedFilterFrameBuffer(redGL);
+ this['diffuseTexture'] = null;
+ /////////////////////////////////////////
+ // 일반 프로퍼티
+ this['program'] = RedProgram['makeProgram'](redGL, PROGRAM_NAME, vSource, fSource);
+ this['_UUID'] = RedGL.makeUUID();
+ if (!checked) {
+ this.checkUniformAndProperty();
+ checked = true;
+ }
+ console.log(this);
+ };
+ RedFilter_Blur.prototype = new RedBaseFilter();
+ RedFilter_Blur.prototype['updateTexture'] = function (lastFrameBufferTexture) {
+ this['diffuseTexture'] = lastFrameBufferTexture;
+ };
+ RedDefinePropertyInfo.definePrototype('RedFilter_Blur', 'diffuseTexture', 'sampler2D');
+ Object.freeze(RedFilter_Blur);
+})();
\ No newline at end of file
diff --git a/src/filter/blur/RedFilter_BlurX.js b/src/filter/blur/RedFilter_BlurX.js
new file mode 100644
index 00000000..dc9542ec
--- /dev/null
+++ b/src/filter/blur/RedFilter_BlurX.js
@@ -0,0 +1,111 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.8.7 11:21:57
+ *
+ */
+
+"use strict";
+var RedFilter_BlurX;
+(function () {
+ var vSource, fSource;
+ var PROGRAM_NAME = 'RedFilterBlurXProgram';
+ var checked;
+ vSource = RedBaseFilter['baseVertexShaderSource1']
+ fSource = function () {
+ /* @preserve
+ precision mediump float;
+ uniform sampler2D u_diffuseTexture;
+ uniform float u_size;
+ float random(vec3 scale, float seed) {
+ return fract(sin(dot(gl_FragCoord.xyz + seed, scale)) * 43758.5453 + seed);
+ }
+ void main() {
+ vec4 finalColor = vec4(0.0);
+ vec2 delta;
+ float total = 0.0;
+ float offset = random(vec3(12.9898, 78.233, 151.7182), 0.0);
+ delta = vec2(u_size/vResolution.x,0.0);
+ vec2 testCoord = gl_FragCoord.xy/vResolution.xy;
+ float percent;
+ float weight;
+ for (float t = -4.0; t <= 4.0; t+=1.0) {
+ float percent = (t + offset - 0.5) / 4.0;
+ float weight = 1.0 - abs(percent);
+ vec4 sample = texture2D(u_diffuseTexture, testCoord + delta * percent);
+ sample.rgb *= sample.a;
+ finalColor += sample * weight;
+ total += weight;
+ }
+ finalColor = finalColor / total;
+ finalColor.rgb /= finalColor.a + 0.00001;
+ gl_FragColor = finalColor ;
+ }
+ */
+ };
+ /*DOC:
+ {
+ constructorYn : true,
+ title :`RedFilter_BlurX`,
+ description : `
+ X축 블러 이펙트
+ `,
+ params : {
+ redGL : [
+ {type:'RedGL'}
+ ]
+ },
+ extends : [
+ 'RedBaseFilter',
+ 'RedBaseMaterial'
+ ],
+ demo : '../example/postEffect/blur/RedFilter_BlurX.html',
+ example : `
+ var effect;
+ effect = RedFilter_BlurX(RedGL Instance); // 포스트이펙트 생성
+ // postEffectManager는 RedView 생성시 자동생성됨.
+ (RedView Instance)['postEffectManager'].addEffect(effect); // 뷰에 이펙트 추가
+ `,
+ return : 'RedFilter_BlurX Instance'
+ }
+ :DOC*/
+ RedFilter_BlurX = function (redGL) {
+ if (!(this instanceof RedFilter_BlurX)) return new RedFilter_BlurX(redGL);
+ redGL instanceof RedGL || RedGLUtil.throwFunc('RedFilter_BlurX : RedGL Instance만 허용.', redGL);
+ this['frameBuffer'] = RedFilterFrameBuffer(redGL);
+ this['diffuseTexture'] = null;
+ this['size'] = 50;
+ /////////////////////////////////////////
+ // 일반 프로퍼티
+ this['program'] = RedProgram['makeProgram'](redGL, PROGRAM_NAME, vSource, fSource);
+ this['_UUID'] = RedGL.makeUUID();
+ if (!checked) {
+ this.checkUniformAndProperty();
+ checked = true;
+ }
+ console.log(this);
+ };
+ RedFilter_BlurX.prototype = new RedBaseFilter();
+ RedFilter_BlurX.prototype['updateTexture'] = function (lastFrameBufferTexture) {
+ this['diffuseTexture'] = lastFrameBufferTexture;
+ };
+ RedDefinePropertyInfo.definePrototypes(
+ 'RedFilter_BlurX',
+ ['diffuseTexture', 'sampler2D'],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`size`,
+ description : `
+ 블러 사이즈
+ 기본값 : 50
+ min : 0
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ ['size', 'number', {'min': 0}]
+ );
+ Object.freeze(RedFilter_BlurX);
+})();
\ No newline at end of file
diff --git a/src/filter/blur/RedFilter_BlurY.js b/src/filter/blur/RedFilter_BlurY.js
new file mode 100644
index 00000000..80f1e0af
--- /dev/null
+++ b/src/filter/blur/RedFilter_BlurY.js
@@ -0,0 +1,110 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.8.7 11:21:57
+ *
+ */
+
+"use strict";
+var RedFilter_BlurY;
+(function () {
+ var vSource, fSource;
+ var PROGRAM_NAME = 'RedFilterBlurYProgram';
+ var checked;
+ vSource = RedBaseFilter['baseVertexShaderSource1']
+ fSource = function () {
+ /* @preserve
+ precision lowp float;
+ uniform sampler2D u_diffuseTexture;
+ uniform float u_size;
+ float random(vec3 scale, float seed) {
+ return fract(sin(dot(gl_FragCoord.xyz + seed, scale)) * 43758.5453 + seed);
+ }
+ void main() {
+ vec4 finalColor = vec4(0.0);
+ vec2 delta;
+ float total = 0.0;
+ float offset = random(vec3(12.9898, 78.233, 151.7182), 0.0);
+ delta = vec2(0.0, u_size/vResolution.y);
+ vec2 testCoord = gl_FragCoord.xy/vResolution.xy;
+
+ for (float t = -4.0; t <= 4.0; t++) {
+ float percent = (t + offset - 0.5) / 4.0;
+ float weight = 1.0 - abs(percent);
+ vec4 sample = texture2D(u_diffuseTexture, testCoord + delta * percent);
+ sample.rgb *= sample.a;
+ finalColor += sample * weight;
+ total += weight;
+ }
+ finalColor = finalColor / total;
+ finalColor.rgb /= finalColor.a + 0.00001;
+ gl_FragColor = finalColor ;
+ }
+ */
+ };
+ /*DOC:
+ {
+ constructorYn : true,
+ title :`RedFilter_BlurY`,
+ description : `
+ X축 블러 이펙트
+ `,
+ params : {
+ redGL : [
+ {type:'RedGL'}
+ ]
+ },
+ extends : [
+ 'RedBaseFilter',
+ 'RedBaseMaterial'
+ ],
+ demo : '../example/postEffect/blur/RedFilter_BlurY.html',
+ example : `
+ var effect;
+ effect = RedFilter_BlurY(RedGL Instance); // 포스트이펙트 생성
+ // postEffectManager는 RedView 생성시 자동생성됨.
+ (RedView Instance)['postEffectManager'].addEffect(effect); // 뷰에 이펙트 추가
+ `,
+ return : 'RedFilter_BlurY Instance'
+ }
+ :DOC*/
+ RedFilter_BlurY = function (redGL) {
+ if (!(this instanceof RedFilter_BlurY)) return new RedFilter_BlurY(redGL);
+ redGL instanceof RedGL || RedGLUtil.throwFunc('RedFilter_BlurY : RedGL Instance만 허용.', redGL);
+ this['frameBuffer'] = RedFilterFrameBuffer(redGL);
+ this['diffuseTexture'] = null;
+ this['size'] = 25;
+ /////////////////////////////////////////
+ // 일반 프로퍼티
+ this['program'] = RedProgram['makeProgram'](redGL, PROGRAM_NAME, vSource, fSource);
+ this['_UUID'] = RedGL.makeUUID();
+ if (!checked) {
+ this.checkUniformAndProperty();
+ checked = true;
+ }
+ console.log(this);
+ };
+ RedFilter_BlurY.prototype = new RedBaseFilter();
+ RedFilter_BlurY.prototype['updateTexture'] = function (lastFrameBufferTexture) {
+ this['diffuseTexture'] = lastFrameBufferTexture;
+ };
+ RedDefinePropertyInfo.definePrototypes(
+ 'RedFilter_BlurY',
+ ['diffuseTexture', 'sampler2D'],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`size`,
+ description : `
+ 블러 사이즈
+ 기본값 : 50
+ min : 0
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ ['size', 'number', {'min': 0}]
+ );
+ Object.freeze(RedFilter_BlurY);
+})();
\ No newline at end of file
diff --git a/src/filter/blur/RedFilter_GaussianBlur.js b/src/filter/blur/RedFilter_GaussianBlur.js
new file mode 100644
index 00000000..2cedf315
--- /dev/null
+++ b/src/filter/blur/RedFilter_GaussianBlur.js
@@ -0,0 +1,74 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.8.6 14:20:40
+ *
+ */
+
+"use strict";
+var RedFilter_GaussianBlur;
+(function () {
+ /*DOC:
+ {
+ constructorYn : true,
+ title :`RedFilter_GaussianBlur`,
+ description : `
+ 가우시안 블러 이펙트
+ `,
+ params : {
+ redGL : [
+ {type:'RedGL'}
+ ]
+ },
+ extends : [
+ 'RedBaseFilter',
+ 'RedBaseMaterial'
+ ],
+ demo : '../example/postEffect/blur/RedFilter_GaussianBlur.html',
+ example : `
+ var effect;
+ effect = RedFilter_GaussianBlur(RedGL Instance); // 포스트이펙트 생성
+ // postEffectManager는 RedView 생성시 자동생성됨.
+ (RedView Instance)['postEffectManager'].addEffect(effect); // 뷰에 이펙트 추가
+ `,
+ return : 'RedFilter_GaussianBlur Instance'
+ }
+ :DOC*/
+ RedFilter_GaussianBlur = function (redGL) {
+ if (!(this instanceof RedFilter_GaussianBlur)) return new RedFilter_GaussianBlur(redGL);
+ redGL instanceof RedGL || RedGLUtil.throwFunc('RedFilter_GaussianBlur : RedGL Instance만 허용.', redGL);
+ /////////////////////////////////////////
+ // 일반 프로퍼티
+ this['_UUID'] = RedGL.makeUUID();
+ this['_process'] = [
+ RedFilter_BlurX(redGL),
+ RedFilter_BlurY(redGL)
+ ];
+ this['radius'] = 1;
+ console.log(this);
+ };
+ RedFilter_GaussianBlur.prototype = new RedBaseFilter();
+ RedFilter_GaussianBlur.prototype['updateTexture'] = function () {
+ };
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`radius`,
+ description : `
+ 가우시간 블러강도
+ 기본값 : 1
+ min: 0.1
+ max: 255
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ RedDefinePropertyInfo.definePrototype('RedFilter_GaussianBlur', 'radius', 'number', {
+ min: 0.1, max: 255, callback: function (v) {
+ this['_process'][0]['size'] = v;
+ this['_process'][1]['size'] = v;
+ }
+ });
+ Object.freeze(RedFilter_GaussianBlur);
+})();
\ No newline at end of file
diff --git a/src/filter/pixelate/RedFilter_HalfTone.js b/src/filter/pixelate/RedFilter_HalfTone.js
new file mode 100644
index 00000000..eacffb07
--- /dev/null
+++ b/src/filter/pixelate/RedFilter_HalfTone.js
@@ -0,0 +1,166 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.8.6 14:20:40
+ *
+ */
+
+"use strict";
+var RedFilter_HalfTone;
+(function () {
+ var vSource, fSource;
+ var PROGRAM_NAME = 'RedFilterHalfToneProgram';
+ var checked;
+ vSource = RedBaseFilter['baseVertexShaderSource1']
+ fSource = function () {
+ /* @preserve
+ precision lowp float;
+ uniform sampler2D u_diffuseTexture;
+ uniform float u_centerX;
+ uniform float u_centerY;
+ uniform float u_angle;
+ uniform float u_radius;
+ uniform bool u_grayMode;
+
+ float pattern(float angle, vec2 testCoord) {
+ angle = angle * 3.141592653589793/180.0;
+ float s = sin(angle), c = cos(angle);
+ vec2 tex = testCoord;
+ tex.x -= u_centerX + 0.5;
+ tex.y -= u_centerY + 0.5;
+ vec2 point = vec2(
+ c * tex.x - s * tex.y,
+ s * tex.x + c * tex.y
+ ) * vResolution / u_radius;
+ return (sin(point.x) * sin(point.y)) * 4.0;
+ }
+ void main(void) {
+ vec2 testCoord = gl_FragCoord.xy/vResolution.xy;
+ vec4 finalColor = texture2D(u_diffuseTexture, testCoord);
+ if(u_grayMode) {
+ float average = (finalColor.r + finalColor.g + finalColor.b) / 3.0;
+ gl_FragColor = vec4(vec3(average * 10.0 - 5.0 + pattern(u_angle,testCoord)), finalColor.a);
+ }else{
+ vec3 cmy = 1.0 - finalColor.rgb;
+ float k = min(cmy.x, min(cmy.y, cmy.z));
+ cmy = (cmy - k) / (1.0 - k);
+ cmy = clamp(cmy * 10.0 - 3.0 + vec3(pattern(u_angle + 0.26179,testCoord), pattern(u_angle + 1.30899,testCoord), pattern(u_angle,testCoord)), 0.0, 1.0);
+ k = clamp(k * 10.0 - 5.0 + pattern(u_angle + 0.78539,testCoord), 0.0, 1.0);
+ gl_FragColor = vec4(1.0 - cmy - k, finalColor.a);
+ }
+ }
+ */
+ };
+ /*DOC:
+ {
+ constructorYn : true,
+ title :`RedFilter_HalfTone`,
+ description : `
+ HalfTone 이펙트
+ `,
+ params : {
+ redGL : [
+ {type:'RedGL'}
+ ]
+ },
+ extends : [
+ 'RedBaseFilter',
+ 'RedBaseMaterial'
+ ],
+ demo : '../example/postEffect/pixelate/RedFilter_HalfTone.html',
+ example : `
+ var effect;
+ effect = RedFilter_HalfTone(RedGL Instance); // 포스트이펙트 생성
+ // postEffectManager는 RedView 생성시 자동생성됨.
+ (RedView Instance)['postEffectManager'].addEffect(effect); // 뷰에 이펙트 추가
+ `,
+ return : 'RedFilter_HalfTone Instance'
+ }
+ :DOC*/
+ RedFilter_HalfTone = function (redGL) {
+ if (!(this instanceof RedFilter_HalfTone)) return new RedFilter_HalfTone(redGL);
+ redGL instanceof RedGL || RedGLUtil.throwFunc('RedFilter_HalfTone : RedGL Instance만 허용.', redGL);
+ this['frameBuffer'] = RedFilterFrameBuffer(redGL);
+ this['diffuseTexture'] = null;
+ this['centerX'] = 0.0;
+ this['centerY'] = 0.0;
+ this['angle'] = 0;
+ this['radius'] = 2;
+ this['grayMode'] = false;
+ /////////////////////////////////////////
+ // 일반 프로퍼티
+ this['program'] = RedProgram['makeProgram'](redGL, PROGRAM_NAME, vSource, fSource);
+ this['_UUID'] = RedGL.makeUUID();
+ if (!checked) {
+ this.checkUniformAndProperty();
+ checked = true;
+ }
+ console.log(this);
+ };
+ RedFilter_HalfTone.prototype = new RedBaseFilter();
+ RedFilter_HalfTone.prototype['updateTexture'] = function (lastFrameBufferTexture) {
+ this['diffuseTexture'] = lastFrameBufferTexture;
+ };
+ RedDefinePropertyInfo.definePrototypes(
+ 'RedFilter_HalfTone',
+ ['diffuseTexture', 'sampler2D'],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`centerX`,
+ description : `
+ 기본값 0.0
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ ['centerX', 'number'],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`centerY`,
+ description : `
+ 기본값 0.0
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ ['centerY', 'number'],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`angle`,
+ description : `
+ 기본값 0.0
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ ['angle', 'number'],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`grayMode`,
+ description : `
+ 기본값 false
+ `,
+ return : 'Boolean'
+ }
+ :DOC*/
+ ['grayMode', 'boolean'],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`radius`,
+ description : `
+ 기본값 2
+ min : 0
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ ['radius', 'number', {'min': 0}]
+ );
+ Object.freeze(RedFilter_HalfTone);
+})();
\ No newline at end of file
diff --git a/src/filter/pixelate/RedFilter_Pixelize.js b/src/filter/pixelate/RedFilter_Pixelize.js
new file mode 100644
index 00000000..d38ee363
--- /dev/null
+++ b/src/filter/pixelate/RedFilter_Pixelize.js
@@ -0,0 +1,114 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.8.6 14:20:40
+ *
+ */
+
+"use strict";
+var RedFilter_Pixelize;
+(function () {
+ var vSource, fSource;
+ var PROGRAM_NAME = 'RedFilterPixelizeProgram';
+ var checked;
+ vSource = RedBaseFilter['baseVertexShaderSource1']
+ fSource = function () {
+ /* @preserve
+ precision lowp float;
+ uniform sampler2D u_diffuseTexture;
+ uniform float u_width;
+ uniform float u_height;
+ void main(void) {
+ vec4 finalColor;
+ float dx = 1.0/vResolution.x * u_width;
+ float dy = 1.0/vResolution.y * u_height;
+ vec2 testCoord = gl_FragCoord.xy/vResolution.xy;
+ vec2 coord = vec2(
+ dx * (floor(testCoord.x / dx) + 0.5),
+ dy * (floor(testCoord.y / dy) + 0.5)
+ );
+ finalColor = texture2D(u_diffuseTexture, coord);
+ gl_FragColor = finalColor;
+ }
+ */
+ };
+ /*DOC:
+ {
+ constructorYn : true,
+ title :`RedFilter_Pixelize`,
+ description : `
+ Pixelize 효과
+ `,
+ params : {
+ redGL : [
+ {type:'RedGL'}
+ ]
+ },
+ extends : [
+ 'RedBaseFilter',
+ 'RedBaseMaterial'
+ ],
+ demo : '../example/postEffect/pixelate/RedFilter_Pixelize.html',
+ example : `
+ var effect;
+ effect = RedFilter_Pixelize(RedGL Instance); // 포스트이펙트 생성
+ // postEffectManager는 RedView 생성시 자동생성됨.
+ (RedView Instance)['postEffectManager'].addEffect(effect); // 뷰에 이펙트 추가
+ `,
+ return : 'RedFilter_Pixelize Instance'
+ }
+ :DOC*/
+ RedFilter_Pixelize = function (redGL) {
+ if (!(this instanceof RedFilter_Pixelize)) return new RedFilter_Pixelize(redGL);
+ redGL instanceof RedGL || RedGLUtil.throwFunc('RedFilter_Pixelize : RedGL Instance만 허용.', redGL);
+ this['frameBuffer'] = RedFilterFrameBuffer(redGL);
+ this['diffuseTexture'] = null;
+ this['width'] = 5;
+ this['height'] = 5;
+ /////////////////////////////////////////
+ // 일반 프로퍼티
+ this['program'] = RedProgram['makeProgram'](redGL, PROGRAM_NAME, vSource, fSource);
+ this['_UUID'] = RedGL.makeUUID();
+ if (!checked) {
+ this.checkUniformAndProperty();
+ checked = true;
+ }
+ console.log(this);
+ };
+ RedFilter_Pixelize.prototype = new RedBaseFilter();
+ RedFilter_Pixelize.prototype['updateTexture'] = function (lastFrameBufferTexture) {
+ this['diffuseTexture'] = lastFrameBufferTexture;
+ };
+ RedDefinePropertyInfo.definePrototypes(
+ 'RedFilter_Pixelize',
+ ['diffuseTexture', 'sampler2D'],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`width`,
+ description : `
+ 픽셀화 가로 크기
+ 기본값 : 5
+ min : 0
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ ['width', 'number', {'min': 0}],
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`height`,
+ description : `
+ 픽셀화 세로 크기
+ 기본값 : 5
+ min : 0
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ ['height', 'number', {'min': 0}]
+ );
+ Object.freeze(RedFilter_Pixelize);
+})();
\ No newline at end of file
diff --git a/src/material/system/RedFilterMaterial.js b/src/material/system/RedFilterMaterial.js
new file mode 100644
index 00000000..a58819d1
--- /dev/null
+++ b/src/material/system/RedFilterMaterial.js
@@ -0,0 +1,85 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.8.2 18:16:21
+ *
+ */
+
+"use strict";
+var RedFilterMaterial;
+(function () {
+ var vSource, fSource;
+ var PROGRAM_NAME = 'RedFilterMaterialProgram';
+ var checked;
+ vSource = function () {
+ /* @preserve
+ void main(void) {
+ vTexcoord = aTexcoord;
+ gl_Position = uPMatrix * uCameraMatrix * uMMatrix * vec4(aVertexPosition, 1.0);
+ vResolution = uResolution;
+ }
+ */
+ };
+ fSource = function () {
+ /* @preserve
+ precision lowp float;
+ uniform sampler2D u_diffuseTexture;
+ void main(void) {
+ gl_FragColor = texture2D(u_diffuseTexture, gl_FragCoord.xy/vResolution.xy);
+ // gl_FragColor.r = 1.0;
+ // gl_FragColor.a = 0.5;
+ if(gl_FragColor.a == 0.0) discard;
+
+ }
+ */
+ };
+ /*DOC:
+ {
+ constructorYn : true,
+ title :`RedFilterMaterial`,
+ description : `
+ 메쉬 필터 최종 이미지를 생성하기 위한재질.
+ 시스템적으로 사용됨.
+ `,
+ params : {
+ redGL : [
+ {type:'RedGL'}
+ ],
+ diffuseTexture : [
+ {type:'RedBitmapTexture'},
+ 'RedBitmapTexture Instance'
+ ]
+ },
+ extends : ['RedBaseMaterial'],
+ return : 'RedFilterMaterial Instance'
+ }
+ :DOC*/
+ RedFilterMaterial = function (redGL, diffuseTexture) {
+ if (!(this instanceof RedFilterMaterial)) return new RedFilterMaterial(redGL, diffuseTexture);
+ redGL instanceof RedGL || RedGLUtil.throwFunc('RedFilterMaterial : RedGL Instance만 허용.', redGL);
+ /////////////////////////////////////////
+ // 유니폼 프로퍼티
+ this['diffuseTexture'] = diffuseTexture;
+ /////////////////////////////////////////
+ // 일반 프로퍼티
+ this['program'] = RedProgram['makeProgram'](redGL, PROGRAM_NAME, vSource, fSource);
+ this['_UUID'] = RedGL.makeUUID();
+ if (!checked) {
+ this.checkUniformAndProperty();
+ checked = true;
+ }
+ console.log(this);
+ };
+ RedFilterMaterial.prototype = new RedBaseMaterial();
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`diffuseTexture`,
+ description :`diffuseTexture`,
+ return : 'RedFilterMaterial'
+ }
+ :DOC*/
+ RedDefinePropertyInfo.definePrototype('RedFilterMaterial', 'diffuseTexture', 'sampler2D', {essential: true});
+ Object.freeze(RedFilterMaterial);
+})();
\ No newline at end of file
diff --git a/src/material/system/RedOutlineMaterial.js b/src/material/system/RedOutlineMaterial.js
new file mode 100644
index 00000000..c41b7ff9
--- /dev/null
+++ b/src/material/system/RedOutlineMaterial.js
@@ -0,0 +1,160 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.7.12 14:22:52
+ *
+ */
+
+"use strict";
+var RedOutlineMaterial;
+(function () {
+ var vSource, fSource;
+ var PROGRAM_NAME = 'RedOutlineMaterialProgram';
+ var PROGRAM_OPTION_LIST = [];
+ var checked;
+ vSource = function () {
+ /* @preserve
+ // 스키닝
+ //#REDGL_DEFINE#vertexShareFunc#getSkinMatrix#
+
+ // Sprite3D
+ //#REDGL_DEFINE#vertexShareFunc#getSprite3DMatrix#
+ void main(void) {
+ gl_PointSize = uPointSize;
+ float outlineSize = uOutlineThickness;
+
+ // position 계산
+ //#REDGL_DEFINE#skin#true# mat4 targetMatrix = uMMatrix * getSkinMatrix() ;
+ //#REDGL_DEFINE#skin#false# mat4 targetMatrix = uMMatrix;
+ vVertexPosition = targetMatrix * vec4(aVertexPosition, 1.0);
+ float tScaleX = length(vec3(uMMatrix[0][0], uMMatrix[0][1], uMMatrix[0][2]));
+ float tScaleY = length(vec3(uMMatrix[1][0], uMMatrix[1][1], uMMatrix[1][2]));
+ float tScaleZ = length(vec3(uMMatrix[2][0], uMMatrix[2][1], uMMatrix[2][2]));
+
+ //#REDGL_DEFINE#sprite3D#true# gl_Position = uPMatrix * getSprite3DMatrix(uCameraMatrix , targetMatrix) * vec4(aVertexPosition, 1.0);
+ //#REDGL_DEFINE#sprite3D#true# if(!u_PerspectiveScale){
+ //#REDGL_DEFINE#sprite3D#true# gl_Position /= gl_Position.w;
+ //#REDGL_DEFINE#sprite3D#true# gl_Position.xy += aVertexPosition.xy * vec2((uPMatrix * targetMatrix)[0][0],(uPMatrix * targetMatrix)[1][1]);
+ //#REDGL_DEFINE#sprite3D#true# }
+ //#REDGL_DEFINE#skin#false#//#REDGL_DEFINE#sprite3D#false# gl_Position = uPMatrix * uCameraMatrix * targetMatrix * vec4(aVertexPosition * vec3(1.0+outlineSize/tScaleX,1.0+outlineSize/tScaleY,1.0+outlineSize/tScaleZ) , 1.0);
+ //#REDGL_DEFINE#skin#true#//#REDGL_DEFINE#sprite3D#false# gl_Position = uPMatrix * uCameraMatrix * targetMatrix * vec4(aVertexPosition + vec3( aVertexNormal * vec3(outlineSize/tScaleX,outlineSize/tScaleY,outlineSize/tScaleZ)), 1.0);
+
+
+ //#REDGL_DEFINE#directionalShadow#true# vResolution = uResolution;
+ //#REDGL_DEFINE#directionalShadow#true# vShadowPos = cTexUnitConverter * uDirectionalShadowLightMatrix * targetMatrix * vec4(aVertexPosition, 1.0);
+ }
+ */
+ };
+ fSource = function () {
+ /* @preserve
+ precision mediump float;
+ // 안개
+ //#REDGL_DEFINE#fragmentShareFunc#fogFactor#
+ //#REDGL_DEFINE#fragmentShareFunc#fog#
+
+ // 그림자
+ //#REDGL_DEFINE#fragmentShareFunc#decodeFloatShadow#
+ //#REDGL_DEFINE#fragmentShareFunc#getShadowColor#
+
+ void main(void) {
+ vec4 finalColor = uOutlineColor;
+ //#REDGL_DEFINE#directionalShadow#true# finalColor.rgb *= getShadowColor( vShadowPos, vResolution, uDirectionalShadowTexture);
+ //#REDGL_DEFINE#fog#false# gl_FragColor = finalColor;
+ //#REDGL_DEFINE#fog#true# gl_FragColor = fog( fogFactor(u_FogDistance, u_FogDensity), uFogColor, finalColor);
+ }
+ */
+ };
+ /*DOC:
+ {
+ constructorYn : true,
+ title :`RedOutlineMaterial`,
+ description : `
+ RedOutlineMaterial Instance 생성
+ `,
+ params : {
+ redGL : [
+ {type:'RedGL'}
+ ],
+ hexColor : [
+ {type:'hex'},
+ '기본값 : #ff0000'
+ ],
+ alpha : [
+ {type:'number'},
+ '기본값 : 1'
+ ]
+ },
+ extends : ['RedBaseMaterial'],
+ demo : '../example/material/RedOutlineMaterial.html',
+ example : `
+ RedOutlineMaterial(RedGL Instance, hex)
+ `,
+ return : 'RedOutlineMaterial Instance'
+ }
+ :DOC*/
+ RedOutlineMaterial = function (redGL, hexColor, alpha) {
+ if (!(this instanceof RedOutlineMaterial)) return new RedOutlineMaterial(redGL, hexColor, alpha);
+ redGL instanceof RedGL || RedGLUtil.throwFunc('RedOutlineMaterial : RedGL Instance만 허용.', '입력값 : ' + redGL);
+ this.makeProgramList(this, redGL, PROGRAM_NAME, vSource, fSource, PROGRAM_OPTION_LIST);
+ /////////////////////////////////////////
+ // 유니폼 프로퍼티
+ this['_color'] = new Float32Array(4);
+ this['alpha'] = alpha == undefined ? 1 : alpha;
+ /////////////////////////////////////////
+ // 일반 프로퍼티
+ this['color'] = hexColor ? hexColor : '#ff0000';
+ this['_UUID'] = RedGL.makeUUID();
+ if (!checked) {
+ this.checkUniformAndProperty();
+ checked = true;
+ }
+ console.log(this);
+ };
+ RedOutlineMaterial.prototype = new RedBaseMaterial();
+ RedOutlineMaterial['DEFINE_OBJECT_COLOR'] = {
+ get: function () {
+ return this['_colorHex']
+ },
+ set: (function () {
+ var t0;
+ return function (hex) {
+ this['_colorHex'] = hex ? hex : '#ff2211';
+ t0 = RedGLUtil.hexToRGB_ZeroToOne.call(this, this['_colorHex']);
+ this['_color'][0] = t0[0];
+ this['_color'][1] = t0[1];
+ this['_color'][2] = t0[2];
+ this['_color'][3] = this['_alpha'];
+ }
+ })()
+ };
+ RedOutlineMaterial['DEFINE_OBJECT_ALPHA'] = {
+ 'min': 0, 'max': 1,
+ callback: function (v) {
+ this['_color'][3] = this['_alpha'] = v
+ }
+ };
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`color`,
+ description : `기본값 : #ff2211`,
+ return : 'hex'
+ }
+ :DOC*/
+ Object.defineProperty(RedOutlineMaterial.prototype, 'color', RedOutlineMaterial['DEFINE_OBJECT_COLOR']);
+ /*DOC:
+ {
+ code : 'PROPERTY',
+ title :`alpha`,
+ description : `
+ 기본값 : 1
+ 최소값 : 0
+ 최대값 : 1
+ `,
+ return : 'Number'
+ }
+ :DOC*/
+ RedDefinePropertyInfo.definePrototype('RedOutlineMaterial', 'alpha', 'number', RedOutlineMaterial['DEFINE_OBJECT_ALPHA']);
+ Object.freeze(RedOutlineMaterial);
+})();
\ No newline at end of file
diff --git a/src/material/system/RedOutlinePlaneMaterial.js b/src/material/system/RedOutlinePlaneMaterial.js
new file mode 100644
index 00000000..4def3254
--- /dev/null
+++ b/src/material/system/RedOutlinePlaneMaterial.js
@@ -0,0 +1,166 @@
+/*
+ * RedGL - MIT License
+ * Copyright (c) 2018 - 2019 By RedCamel( webseon@gmail.com )
+ * https://github.com/redcamel/RedGL2/blob/dev/LICENSE
+ * Last modification time of this file - 2019.7.11 18:28:15
+ *
+ */
+
+"use strict";
+var RedOutlinePlaneMaterial;
+(function () {
+ var vSource, fSource;
+ var PROGRAM_NAME = 'RedOutlinePlaneMaterialProgram';
+ var PROGRAM_OPTION_LIST = [];
+ var checked;
+ vSource = function () {
+ /* @preserve
+ // 스키닝
+ //#REDGL_DEFINE#vertexShareFunc#getSkinMatrix#
+
+ // Sprite3D
+ //#REDGL_DEFINE#vertexShareFunc#getSprite3DMatrix#
+ void main(void) {
+ gl_PointSize = uPointSize;
+ float outlineSize = uOutlineThickness;
+
+ // position 계산
+ //#REDGL_DEFINE#skin#true# mat4 targetMatrix = uMMatrix * getSkinMatrix() ;
+ //#REDGL_DEFINE#skin#false# mat4 targetMatrix = uMMatrix;
+ vVertexPosition = targetMatrix * vec4(aVertexPosition, 1.0);
+ float tScaleX = length(vec3(targetMatrix[0][0], targetMatrix[0][1], targetMatrix[0][2]));
+ float tScaleY = length(vec3(targetMatrix[1][0], targetMatrix[1][1], targetMatrix[1][2]));
+ float tScaleZ = length(vec3(targetMatrix[2][0], targetMatrix[2][1], targetMatrix[2][2]));
+
+ //#REDGL_DEFINE#sprite3D#true# gl_Position = uPMatrix * getSprite3DMatrix(uCameraMatrix , targetMatrix) * vec4(aVertexPosition, 1.0);
+ //#REDGL_DEFINE#sprite3D#true# if(!u_PerspectiveScale){
+ //#REDGL_DEFINE#sprite3D#true# gl_Position /= gl_Position.w;
+ //#REDGL_DEFINE#sprite3D#true# gl_Position.xy += aVertexPosition.xy * vec2((uPMatrix * targetMatrix)[0][0],(uPMatrix * targetMatrix)[1][1]);
+ //#REDGL_DEFINE#sprite3D#true# }
+ //#REDGL_DEFINE#sprite3D#false# gl_Position = uPMatrix * uCameraMatrix * targetMatrix * vec4(aVertexPosition * vec3(1.0+outlineSize/tScaleX,1.0+outlineSize/tScaleY,1.0+outlineSize/tScaleZ) , 1.0);
+ vTexcoord = aTexcoord-0.5;
+ vTexcoord *= vec2(1.0+outlineSize/tScaleX,1.0+outlineSize/tScaleY);
+
+
+ //#REDGL_DEFINE#directionalShadow#true# vResolution = uResolution;
+ //#REDGL_DEFINE#directionalShadow#true# vShadowPos = cTexUnitConverter * uDirectionalShadowLightMatrix * targetMatrix * vec4(aVertexPosition, 1.0);
+ }
+ */
+ };
+ fSource = function () {
+ /* @preserve
+ precision mediump float;
+ // 안개
+ //#REDGL_DEFINE#fragmentShareFunc#fogFactor#
+ //#REDGL_DEFINE#fragmentShareFunc#fog#
+
+ // 그림자
+ //#REDGL_DEFINE#fragmentShareFunc#decodeFloatShadow#
+ //#REDGL_DEFINE#fragmentShareFunc#getShadowColor#
+
+ void main(void) {
+ vec4 finalColor = uOutlineColor;
+ if(-0.495