babylon.brickProceduralTexture.js 4.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /// <reference path="../../../dist/preview release/babylon.d.ts"/>
  2. var __extends = (this && this.__extends) || function (d, b) {
  3. for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
  4. function __() { this.constructor = d; }
  5. d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
  6. };
  7. var BABYLON;
  8. (function (BABYLON) {
  9. var BrickProceduralTexture = (function (_super) {
  10. __extends(BrickProceduralTexture, _super);
  11. function BrickProceduralTexture(name, size, scene, fallbackTexture, generateMipMaps) {
  12. var _this = _super.call(this, name, size, "brickProceduralTexture", scene, fallbackTexture, generateMipMaps) || this;
  13. _this._numberOfBricksHeight = 15;
  14. _this._numberOfBricksWidth = 5;
  15. _this._jointColor = new BABYLON.Color3(0.72, 0.72, 0.72);
  16. _this._brickColor = new BABYLON.Color3(0.77, 0.47, 0.40);
  17. _this.updateShaderUniforms();
  18. return _this;
  19. }
  20. BrickProceduralTexture.prototype.updateShaderUniforms = function () {
  21. this.setFloat("numberOfBricksHeight", this._numberOfBricksHeight);
  22. this.setFloat("numberOfBricksWidth", this._numberOfBricksWidth);
  23. this.setColor3("brickColor", this._brickColor);
  24. this.setColor3("jointColor", this._jointColor);
  25. };
  26. Object.defineProperty(BrickProceduralTexture.prototype, "numberOfBricksHeight", {
  27. get: function () {
  28. return this._numberOfBricksHeight;
  29. },
  30. set: function (value) {
  31. this._numberOfBricksHeight = value;
  32. this.updateShaderUniforms();
  33. },
  34. enumerable: true,
  35. configurable: true
  36. });
  37. Object.defineProperty(BrickProceduralTexture.prototype, "numberOfBricksWidth", {
  38. get: function () {
  39. return this._numberOfBricksWidth;
  40. },
  41. set: function (value) {
  42. this._numberOfBricksWidth = value;
  43. this.updateShaderUniforms();
  44. },
  45. enumerable: true,
  46. configurable: true
  47. });
  48. Object.defineProperty(BrickProceduralTexture.prototype, "jointColor", {
  49. get: function () {
  50. return this._jointColor;
  51. },
  52. set: function (value) {
  53. this._jointColor = value;
  54. this.updateShaderUniforms();
  55. },
  56. enumerable: true,
  57. configurable: true
  58. });
  59. Object.defineProperty(BrickProceduralTexture.prototype, "brickColor", {
  60. get: function () {
  61. return this._brickColor;
  62. },
  63. set: function (value) {
  64. this._brickColor = value;
  65. this.updateShaderUniforms();
  66. },
  67. enumerable: true,
  68. configurable: true
  69. });
  70. return BrickProceduralTexture;
  71. }(BABYLON.ProceduralTexture));
  72. BABYLON.BrickProceduralTexture = BrickProceduralTexture;
  73. })(BABYLON || (BABYLON = {}));
  74. //# sourceMappingURL=babylon.brickProceduralTexture.js.map
  75. BABYLON.Effect.ShadersStore['brickProceduralTexturePixelShader'] = "precision highp float;\nvarying vec2 vPosition;\nvarying vec2 vUV;\nuniform float numberOfBricksHeight;\nuniform float numberOfBricksWidth;\nuniform vec3 brickColor;\nuniform vec3 jointColor;\nfloat rand(vec2 n) {\nreturn fract(cos(dot(n,vec2(12.9898,4.1414)))*43758.5453);\n}\nfloat noise(vec2 n) {\nconst vec2 d=vec2(0.0,1.0);\nvec2 b=floor(n),f=smoothstep(vec2(0.0),vec2(1.0),fract(n));\nreturn mix(mix(rand(b),rand(b+d.yx),f.x),mix(rand(b+d.xy),rand(b+d.yy),f.x),f.y);\n}\nfloat fbm(vec2 n) {\nfloat total=0.0,amplitude=1.0;\nfor (int i=0; i<4; i++) {\ntotal+=noise(n)*amplitude;\nn+=n;\namplitude*=0.5;\n}\nreturn total;\n}\nfloat round(float number){\nreturn sign(number)*floor(abs(number)+0.5);\n}\nvoid main(void)\n{\nfloat brickW=1.0/numberOfBricksWidth;\nfloat brickH=1.0/numberOfBricksHeight;\nfloat jointWPercentage=0.01;\nfloat jointHPercentage=0.05;\nvec3 color=brickColor;\nfloat yi=vUV.y/brickH;\nfloat nyi=round(yi);\nfloat xi=vUV.x/brickW;\nif (mod(floor(yi),2.0) == 0.0){\nxi=xi-0.5;\n}\nfloat nxi=round(xi);\nvec2 brickvUV=vec2((xi-floor(xi))/brickH,(yi-floor(yi))/brickW);\nif (yi<nyi+jointHPercentage && yi>nyi-jointHPercentage){\ncolor=mix(jointColor,vec3(0.37,0.25,0.25),(yi-nyi)/jointHPercentage+0.2);\n}\nelse if (xi<nxi+jointWPercentage && xi>nxi-jointWPercentage){\ncolor=mix(jointColor,vec3(0.44,0.44,0.44),(xi-nxi)/jointWPercentage+0.2);\n}\nelse {\nfloat brickColorSwitch=mod(floor(yi)+floor(xi),3.0);\nif (brickColorSwitch == 0.0)\ncolor=mix(color,vec3(0.33,0.33,0.33),0.3);\nelse if (brickColorSwitch == 2.0)\ncolor=mix(color,vec3(0.11,0.11,0.11),0.3);\n}\ngl_FragColor=vec4(color,1.0);\n}";