babylon.cloudProceduralTexture.js 5.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. /// <reference path="../../../dist/preview release/babylon.d.ts"/>
  2. var __extends = (this && this.__extends) || (function () {
  3. var extendStatics = function (d, b) {
  4. 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 extendStatics(d, b);
  8. }
  9. return function (d, b) {
  10. extendStatics(d, b);
  11. function __() { this.constructor = d; }
  12. d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
  13. };
  14. })();
  15. var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
  16. var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
  17. if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
  18. else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
  19. return c > 3 && r && Object.defineProperty(target, key, r), r;
  20. };
  21. var BABYLON;
  22. (function (BABYLON) {
  23. var CloudProceduralTexture = /** @class */ (function (_super) {
  24. __extends(CloudProceduralTexture, _super);
  25. function CloudProceduralTexture(name, size, scene, fallbackTexture, generateMipMaps) {
  26. var _this = _super.call(this, name, size, "cloudProceduralTexture", scene, fallbackTexture, generateMipMaps) || this;
  27. _this._skyColor = new BABYLON.Color4(0.15, 0.68, 1.0, 1.0);
  28. _this._cloudColor = new BABYLON.Color4(1, 1, 1, 1.0);
  29. _this.updateShaderUniforms();
  30. return _this;
  31. }
  32. CloudProceduralTexture.prototype.updateShaderUniforms = function () {
  33. this.setColor4("skyColor", this._skyColor);
  34. this.setColor4("cloudColor", this._cloudColor);
  35. };
  36. Object.defineProperty(CloudProceduralTexture.prototype, "skyColor", {
  37. get: function () {
  38. return this._skyColor;
  39. },
  40. set: function (value) {
  41. this._skyColor = value;
  42. this.updateShaderUniforms();
  43. },
  44. enumerable: true,
  45. configurable: true
  46. });
  47. Object.defineProperty(CloudProceduralTexture.prototype, "cloudColor", {
  48. get: function () {
  49. return this._cloudColor;
  50. },
  51. set: function (value) {
  52. this._cloudColor = value;
  53. this.updateShaderUniforms();
  54. },
  55. enumerable: true,
  56. configurable: true
  57. });
  58. /**
  59. * Serializes this cloud procedural texture
  60. * @returns a serialized cloud procedural texture object
  61. */
  62. CloudProceduralTexture.prototype.serialize = function () {
  63. var serializationObject = BABYLON.SerializationHelper.Serialize(this, _super.prototype.serialize.call(this));
  64. serializationObject.customType = "BABYLON.CloudProceduralTexture";
  65. return serializationObject;
  66. };
  67. /**
  68. * Creates a Cloud Procedural Texture from parsed cloud procedural texture data
  69. * @param parsedTexture defines parsed texture data
  70. * @param scene defines the current scene
  71. * @param rootUrl defines the root URL containing cloud procedural texture information
  72. * @returns a parsed Cloud Procedural Texture
  73. */
  74. CloudProceduralTexture.Parse = function (parsedTexture, scene, rootUrl) {
  75. var texture = BABYLON.SerializationHelper.Parse(function () { return new CloudProceduralTexture(parsedTexture.name, parsedTexture._size, scene, undefined, parsedTexture._generateMipMaps); }, parsedTexture, scene, rootUrl);
  76. return texture;
  77. };
  78. __decorate([
  79. BABYLON.serializeAsColor4()
  80. ], CloudProceduralTexture.prototype, "skyColor", null);
  81. __decorate([
  82. BABYLON.serializeAsColor4()
  83. ], CloudProceduralTexture.prototype, "cloudColor", null);
  84. return CloudProceduralTexture;
  85. }(BABYLON.ProceduralTexture));
  86. BABYLON.CloudProceduralTexture = CloudProceduralTexture;
  87. })(BABYLON || (BABYLON = {}));
  88. //# sourceMappingURL=babylon.cloudProceduralTexture.js.map
  89. 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";