Source: primitives/PostEffect.js

  1. /**
  2.  *  @function createPostEffect
  3.  *  @memberof SQR.Primitives
  4.  *
  5.  *  @description Creates a post-processing effect (such as SAO or depth-of-field). It creates
  6.  *	an instance of SQR.Transform with a full screen quad buffer and the shader build from the provided source.
  7.  *	Please read the {@tutorial post-effects} tutorial to see how it works. 
  8.  *
  9.  *	@param {string} shaderSource - the source of the shader for this post effect
  10.  *	@param {Object=} shaderOptions - options for the shader. Same as in the {@link SQR.Shader} constructor
  11.  *
  12.  *	@returns {SQR.Transform} a transform representing this post effect
  13.  */
  14. SQR.Primitives.createPostEffect = function(shaderSource, shaderOptions, fullScreenQuad) {
  16.     // SQR.fullScreenQuad = SQR.fullScreenQuad || SQR.Buffer()
  17.    fullScreenQuad = fullScreenQuad || SQR.Buffer()
  18.         .layout(SQR.v2u2(), 6)
  19.         .data('aPosition', -1, 1,   1, 1,   1, -1,   -1, 1,   1, -1,   -1, -1)
  20.         .data('aUV',        0, 1,   1, 1,   1,  0,    0, 1,   1,  0,    0,  0)
  21.         .update();
  23.     var pe = new SQR.Transform('post-effect');
  25.     // pe.buffer = SQR.fullScreenQuad;
  26.     pe.buffer = fullScreenQuad;
  27.     
  28.     if(shaderSource) pe.shader = SQR.Shader(shaderSource, shaderOptions);
  30.     return pe;
  31. }
  34. // SQR.Primitives.createImage = function(img, mode, shaderSource, shaderOptions) {
  36. // 	if(!shaderSource && !SQR.GLSL) throw '> SQR.Primitives.createImage > sqr-glsl.js package is required to use this feature.';
  37. //     shaderSource = shaderSource || SQR.GLSL['post/image.glsl'];
  39. // 	var pe = new SQR.Transform();
  41. //     pe.buffer = SQR.Buffer()
  42. //         .layout(SQR.v2u2(), 6)
  43. //         .data('aPosition', -1, 1,   1, 1,   1, -1,   -1, 1,   1, -1,   -1, -1)
  44. //         .data('aUV',        0, 1,   1, 1,   1,  0,    0, 1,   1,  0,    0,  0)
  45. //         .update();
  47. //     var image = img;
  48. //     var texture = SQR.Texture(image);
  49. //     pe.shader = SQR.Shader(shaderSource, shaderOptions);
  51. //     pe.setImage = function(img) {
  52. //         image = img;
  53. //         texture.setSource(img).update();
  54. //         pe.shader.use().setUniform('uTexture', texture);
  55. //     }
  57. //     pe.setImage(image);
  59. //     pe.size = function(w, h) {
  61. //         var xl = -1, yt = 1, xr = 1, yb = -1;
  62. //         var iw = image.width, ih = image.height;
  64. //         var fw = iw / ih * h;
  65. //         var fh = ih / iw * w;
  67. //         if(mode == 'fit') {
  68. //             if(fw > w) {
  69. //                 yb = -(fh / h);
  70. //                 yt =  (fh / h);
  71. //             }
  73. //             if(fh > h) {
  74. //                 xl = -(fw / w);
  75. //                 xr =  (fw / w);
  76. //             }
  77. //         } else if(mode == 'cover') {    
  78. //             if(fw > w) {
  79. //                 xl = -(fw / w);
  80. //                 xr =  (fw / w);
  81. //             }
  83. //             if(fh > h) {
  84. //                 yb = -(fh / h);
  85. //                 yt =  (fh / h);
  86. //             }
  87. //         }
  89. //         pe.buffer.data('aPosition', 
  90. //             xl, yt,
  91. //             xr, yt,
  92. //             xr, yb,
  94. //             xl, yt,
  95. //             xr, yb,
  96. //             xl, yb
  97. //         ).update();
  99. //         return pe;
  100. //     }
  102. // 	return pe;
  103. // }