babylon.cloudProceduralTexture.js 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. "use strict";
  2. /// <reference path="../../../dist/preview release/babylon.d.ts"/>
  3. var __extends = (this && this.__extends) || (function () {
  4. var extendStatics = Object.setPrototypeOf ||
  5. ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
  6. function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
  7. return function (d, b) {
  8. extendStatics(d, b);
  9. function __() { this.constructor = d; }
  10. d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
  11. };
  12. })();
  13. var BABYLON;
  14. (function (BABYLON) {
  15. var CloudProceduralTexture = /** @class */ (function (_super) {
  16. __extends(CloudProceduralTexture, _super);
  17. function CloudProceduralTexture(name, size, scene, fallbackTexture, generateMipMaps) {
  18. var _this = _super.call(this, name, size, "cloudProceduralTexture", scene, fallbackTexture, generateMipMaps) || this;
  19. _this._skyColor = new BABYLON.Color4(0.15, 0.68, 1.0, 1.0);
  20. _this._cloudColor = new BABYLON.Color4(1, 1, 1, 1.0);
  21. _this.updateShaderUniforms();
  22. return _this;
  23. }
  24. CloudProceduralTexture.prototype.updateShaderUniforms = function () {
  25. this.setColor4("skyColor", this._skyColor);
  26. this.setColor4("cloudColor", this._cloudColor);
  27. };
  28. Object.defineProperty(CloudProceduralTexture.prototype, "skyColor", {
  29. get: function () {
  30. return this._skyColor;
  31. },
  32. set: function (value) {
  33. this._skyColor = value;
  34. this.updateShaderUniforms();
  35. },
  36. enumerable: true,
  37. configurable: true
  38. });
  39. Object.defineProperty(CloudProceduralTexture.prototype, "cloudColor", {
  40. get: function () {
  41. return this._cloudColor;
  42. },
  43. set: function (value) {
  44. this._cloudColor = value;
  45. this.updateShaderUniforms();
  46. },
  47. enumerable: true,
  48. configurable: true
  49. });
  50. return CloudProceduralTexture;
  51. }(BABYLON.ProceduralTexture));
  52. BABYLON.CloudProceduralTexture = CloudProceduralTexture;
  53. })(BABYLON || (BABYLON = {}));
  54. //# sourceMappingURL=babylon.cloudProceduralTexture.js.map
  55. BABYLON.Effect.ShadersStore['cloudProceduralTexturePixelShader'] = "precision highp float;\nvarying vec2 vUV;\nuniform vec4 skyColor;\nuniform vec4 cloudColor;\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}\nvoid main() {\nvec2 p=vUV*12.0;\nvec4 c=mix(skyColor,cloudColor,fbm(p));\ngl_FragColor=c;\n}\n";