Search the Community

Showing results for tags 'pbr'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML5 Game Coding
    • News
    • Game Showcase
    • Coding and Game Design
  • Frameworks
    • Phaser
    • Pixi.js
    • Babylon.js
    • Panda.js
    • melonJS
    • Haxe JS
    • Kiwi.js
  • General
    • General Talk
  • Business
    • Collaborations (un-paid)
    • Jobs (Hiring and Freelance)
    • Services Offered

Found 48 results

  1. How to perfectly set up all possible PBR properties (channels and values supported by Babylon PBR material ) in 3D max such that it exports to Babylon perfectly in a manner that uses the full potential of Babylon PBR materials? (Without requiring to set any PBR properties by code or by using editor.babylonjs.com ) I am basically looking for best workflow method for producing realistic Babylon scenes (which have PBR materials for all meshes) using 3D Max. Any common pitfalls/suggestions/tips ?
  2. PBR Texture

    Hello. I exported a Kayak model from Substance Painter 2 as a glTF with the Metallic Roughness configuration. The Kayak has a red/yellow gradient png texture on it. Exporting from Substance Painter 2 gave me Kayak_baseColor.png, Kayak,_normal.png, and Kayak_occlusionRoughnessMetallic.png textures. In my Babylon JS scene, I import the model (Kayak.gltf)and am trying to switch the Kayak_baseColor.png to Lime_baseColor.png on load. The Kayak loads into the scene with it's red/yellow gradient png texture on it, but doens't switch to the lime texture on load.. Am I missing PBR properties? Or are my properties wrong? Thanks. var myKayak2; BABYLON.SceneLoader.ImportMesh("", "models/", "Kayak.gltf", scene, function (newMeshes) { myKayak2 = newMeshes[0]; var LimeTexture = new BABYLON.PBRMetallicRoughnessMaterial("Lime", scene); LimeTexture.albedoTexture = new BABYLON.Texture("models/Lime_b aseColor.png", scene); LimeTexture.metallic = 0; LimeTexture.roughness = 1.0; myKayak2.material = LimeTexture; }); I tried changing the PBR material definition to this but still no luck: var myKayak2; BABYLON.SceneLoader.ImportMesh("", "models/", "Kayak.gltf", scene, function (newMeshes) { myKayak2 = newMeshes[0]; var LimeTexture = new BABYLON.PBRMaterial("Lime", scene); LimeTexture.albedoTexture = new BABYLON.Texture("models/Lime_baseColor.png", scene); LimeTexture.metallic = 0; LimeTexture.roughness = 1.0; myKayak2.material = LimeTexture; });
  3. Hi everyone, I'm facing some issues with the use of ReflectionProbe, may I please request some help ? Here's the use case : Some object is in a room with walls and windows, and I'd like the walls and windows to reflect on the objet. So I add a probe at the object's position, push the walls and windows in the probe renderList. And it works pretty well ! (here, the cube is the object, the balls are the walls and windows...) https://www.babylonjs-playground.com/#AZA2CG#1 But in some cases (like in the linked playground), there's some long and synchronous computation when it needs to call ConvertCubeMapTextureToSphericalPolynomial. I think it's correlated to the type of the Material I'm applying the probe texture on... Is there a workaround to avoid this computation ? (beside reducing the texture size ?). On a side note, I have very little knowledge about the concepts of light harmonics, but why does this computation only happens once if the probe is updated each frame ? In advance, thanks a lot for your inputs ! Have a nice day,
  4. PBR and Light Maps

    Hi, Have somebody managed to use light maps with PBR materials? Meshes have UV2 for light map and they reuse 1 lightmapTexture , but somehow it works only for Standard materials, and not PBR, if I remove PBR shadows appear. material.lightmapTexture = // Texture material.lightmapTexture.coordinatesIndex = 1; material.useLightmapAsShadowmap = true; Is that by design? Or I am doing something wrong? Thank you.
  5. In this exemple : http://www.babylonjs-playground.com/#IAZTI#26 I put a probe reflection into the ReflectionTexture of the PBRMaterial of the wood object. I can see the probe reflection in the wood but i dont understand why my albedo is now black, any advices?
  6. Hi, We have a few questions concerning the cameraExposure and cameraContrast properties on PBRMaterial. Have these properties been lost during the update to 3.1 ? It would be something like this : https://playground.babylonjs.com/#JRCQTE#2 Here, the spheres have the same contrast and exposure. I think it was not the case before. Also, we love the new workflow for PBR (specular glossy and metallic roughness), but it does not expose this property at all. Is there a way to achieve this kind of result with the new workflow ? note : we kinda did it through material["_imageProcessingConfiguration"].contrast = v; But it tends to cause WebGL warnings (INVALID_VALUE: uniformBlockBinding: invalid uniform block index) and randomly overexpose our scene. Thanks a lot for your help ! We'd take any info you have about this properties, Best regards,
  7. Hi everybody: We're trying to use the BJS Editor in order to have PBR materials, as the Exporter (from Blender) doesn´t let use them. Our problem is that the resulting .babylon file generated by BJS Editor seems to include the textures as embedded ("base64String" property), resulting so in a huge .babylon file. In parallel, a clever reusing of textures (as .dds) is not possible, as they are all embedded time after time, with each scene. Is there any alternative to this workflow? Thanks for your time. Best regards. Addendum (real .babylon file excerpt): . . . { "tags": "added", "directIntensity": 1, "emissiveIntensity": 1, "environmentIntensity": 1, "specularIntensity": 1, "disableBumpMap": false, "albedoTexture": { "tags": null, "url": "tubo_basecolor.png", "uOffset": 0, "vOffset": 0, "uScale": 1, "vScale": 1, "uAng": 0, "vAng": 0, "wAng": 0, "isBlocking": true, "name": "tubo_basecolor.png", "hasAlpha": false, "getAlphaFromRGB": false, "level": 1, "coordinatesIndex": 0, "coordinatesMode": 0, "wrapU": 1, "wrapV": 1, "anisotropicFilteringLevel": 4, "isCube": false, "gammaSpace": true, "invertZ": false, "lodLevelInAlpha": false, "lodGenerationOffset": 0, "lodGenerationScale": 0.8, "isRenderTarget": false, "animations": [], "base64String": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAEAAAABAACAIAAAB9wbNAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAgAElEQVR4nOzbQQ0AIRDAwCM5/5YXCTyhyYyCGuiamQ8AA . . ." }, . . .
  8. Is there anyway to fade the albedoTexture of a PBR material, so that I can animate this material to a plain colour? I notice there is an ambientTextureStrength property. but no albedoTextureStrength property. Cheers
  9. PBR in 3d max

    Hi, Some time ago I saw that 3d max export got PBR support, is that right? Any information available on it? (already usable , how to use). Alos will there be why to set global reflection texture on scene, so preview in 3d max will use it? Thanks for great work.
  10. Hey. While working with PBR materials i have noticed that the name and id are not applied when cloning the material. Instead it uses it's parent name and id. For comparison here is the cloning snippet for the standard material and PBR materials, where the id and name are not reset prior to returning. StandardMaterial.prototype.clone = function (name) { var _this = this; var result = BABYLON.SerializationHelper.Clone(function () { return new StandardMaterial(name, _this.getScene()); }, this); result.name = name; result.id = name; return result; }; PBRMetallicRoughnessMaterial.prototype.clone = function (name) { var _this = this; return BABYLON.SerializationHelper.Clone(function () { return new PBRMetallicRoughnessMaterial(name, _this.getScene()); }, this); }; Correct me if I am missing something. Thanks
  11. PBR Gradient

    Hello, is it possible to create a PBR Gradient Material?
  12. I've noticed that the 3D Max exporter - https://github.com/BabylonJS/Babylon.js/commits/master/Exporters/3ds Max has added ability for PBR materials. Is there any guides on how materials in Max need to be setup in order for the PBR materials to work?
  13. pbr occlusionTexture

    Hello, everyone, I used PBR material in one of our scenes, I want to try to get occlusionTexture with 3dsmax, how to operate it?
  14. Hi! I noticed something weird working with reflection texture on IE10 and Microsoft Edge. When using a single image as reflection texture, I get the error "Unable to compile effect", "Invalid arguments passed to function 'texture2D'". Here is a PG reproducing the issue https://www.babylonjs-playground.com/#IRZYH#20 It's working fine on Chrome and Firefox.
  15. Hello all, I'm almost finished with my PBRComposer, but I have a question about reflection of the Skybox: in the glossy model changing the environment-blurriness also changes the blurriness of the material reflection/refraction whereas in the metallic model the blurriness of the environment is not regarded. Can someone confirm that this conforms to the metallic model and is not a bug? IMHO the environment blurriness cannot be skipped away... The following images shows a scene (fingerprints on a glass sphere with some mictosurface and some direct light) with exact the same material parameters (only glossy/metallic texture difference) and with a environment blurriness 0f 0.15. Can you see the difference? thanks in advance PS: Both, the reflection and the refraction does not reflect the environment blurriness in the metalic model
  16. PBR composer ( node based )

    Hello, I'm happy to announce that the node based PBR Composer is on the road. What is PBR Composer ? In short, PBR Composer helps you design and visualize a PBR Material in an efficient way. Parameterizing takes place by dragging and connecting specific nodes from a palette (typically textures, colors and uv-coordinates) to the output node, which represents the PBR Material. A preview panel lets you see all changes in realtime and the corresponding js-sourcecode will be updated as well. The resulting graph can be downloaded in JSON format for later use. Images can be inserted via preview fileselect dialog and/or Drag&Drop, in latter case the images will be transformed to embedded data-urls so the javascript functions can be reused without dependencies. Different meshes and environment-maps are available to see the material under different geometry and reflective light conditions. Motivation for PBR Composer: Due to the complexity of the PBR material (soo many combinations with soo much amazing effects) there is a need of having realtime feedback reflecting the changing parameters. Other than some editor already out using a bunch of parameters in confusing properties panels, nodes lets you to concentrate only on the parameters you need giving a nice overview in form of a graph. Nodes can also be shared and avoids therfore redundancy in the sourcecode. The goal is/was to make the user interface as efficient as possible. The idea for realizing the PBR Composer was inspired from Shader Editor. Technical details: PBR Composer is a web application based on dat.gui, w2ui, litegraph.js and of course on BABYLON.js TODO: At the moment, PBR Composer is customized for PBR-Glossy materials. The current activity is realizing a function for switching between Glossy and Metallic paradigms. Any questions? Let me know... PS: PBR Composer is still in alpha stage but will be deployed in beta stage soon Here it is te demo ...
  17. PBR Alpha Map

    Does the PBR material have an Alpha Map Texture?
  18. 3D Props Assets Texturing Service

    Hello! Lirio Art Production can provide mainly high quality texture or 3D props from scratch to final output for your next-gen game. Please feel free to leave a comment here or directly message me regarding your project and estimates at lirioartproduction@gmail.com. - Texture Only: PBR Texture Tileable - $30/texture Included: Base Color or Albedo Map Normal Map Ambient Occlusion Roughness or Glossiness Map Metallic or Specular Map PBR Props texturing - $45/props/texture Included: Bake the sculpt to the game res Base Color or Albedo Map Normal Map Ambient Occlusion Roughness or Glossiness Map Metallic or Specular Map Substance Painter smart material [optional] - Asset sculpting, game res and texture: Basic Props [Flashlight, Cabinet, Chairs and Tables, etc.] - $150/props Included High resolution Sculpt Game Resolution Bake sculpt to game res PBR Textures [Base Color, Normal Map, AO, Roughness, Metallic]
  19. Error in PBR

    Hi, What is the bets way to debug errors in shaders? I have mystica error from PBR: Error: ERROR: 0:1492: 'glossiness' : undeclared identifier ERROR: 0:1492: 'computeHemisphericLighting' : no matching overloaded function found ERROR: 0:1492: 'assign' : cannot convert from 'const mediump float' to 'structure' ERROR: 0:1573: 'computeLighting' : no matching overloaded function found ERROR: 0:1573: 'assign' : cannot convert from 'const mediump float' to 'structure' I cant really find the source of it ,as the error shows up if I change starting camera angle
  20. Sorry for asking, but I could not find any information about the MetallicRoughness-color in a texture. All samples I've seen so far are in the range green to blue. Where can I find more info/spec about this, is this a standard? Thank you
  21. Hello! Lirio Art Production can provide mainly high quality texture or 3D props from scratch to final output for your next game. All textures are set to 2048x2048. - Texture Only: PBR Texture Tileable - $30/texture Included: Base Color or Albedo Map Normal Map Ambient Occlusion Roughness or Glossiness Map Metallic or Specular Map PBR Props texturing - $45/props/texture Included: Bake the sculpt to the game res Base Color or Albedo Map Normal Map Ambient Occlusion Roughness or Glossiness Map Metallic or Specular Map - Asset sculpting, game res and texture: Basic Props [Flashlight, Cabinet, Chairs and Tables, etc.] - $150/props Included High resolution Sculpt Game Resolution Bake sculpt to game res PBR Textures [Base Color, Normal Map, AO, Roughness, Metallic]
  22. Hi, wanted to generate DDS file for new PBR material but somehow couldn't launch IBLBaker, it just started cmd and than immediately closed, do I need to instal something before I can use it?
  23. PBR demo

    Hi, is this demo updated to new PBR system? As it have issues on iOS devices and I have similar issues with DDS file in my project on iOS devices. Thanks
  24. @Sebavan Hi, checked new examples of PBR , but found some issues. It doesn't work in safari mac, probably because it uses webgl1, works great in other browsers but they have webgl2. Example On safari sphere is just black. Dont get any errors just some warnings from webgl: [Log] BJS - [08:31:35]: Babylon.js engine (v3.0) launched (babylon.js, line 3) [Warning] WebGL: INVALID_OPERATION: texImage2D: type HALF_FLOAT_OES but ArrayBufferView is not NULL (babylon.js, line 5, x54) [Warning] WebGL: INVALID_FRAMEBUFFER_OPERATION: readPixels: attachment type is not correct for attachment (babylon.js, line 6) [Warning] WebGL: INVALID_FRAMEBUFFER_OPERATION: readPixels: attachment type is not correct for attachment (babylon.js, line 6) [Warning] WebGL: INVALID_FRAMEBUFFER_OPERATION: readPixels: attachment type is not correct for attachment (babylon.js, line 6) [Warning] WebGL: INVALID_FRAMEBUFFER_OPERATION: readPixels: attachment type is not correct for attachment (babylon.js, line 6) [Warning] WebGL: INVALID_FRAMEBUFFER_OPERATION: readPixels: attachment type is not correct for attachment (babylon.js, line 6) [Warning] WebGL: INVALID_FRAMEBUFFER_OPERATION: readPixels: attachment type is not correct for attachment (babylon.js, line 6) [Warning] WebGL: drawElements: texture bound to texture unit 0 is not renderable. It maybe non-power-of-2 and have incompatible texture filtering or is not 'texture complete', or it is a float/half-float type with linear filtering and without the relevant float/half-float linear extension enabled. (babylon.js, line 5, x196) [Warning] WebGL: too many errors, no more errors will be reported to the console for this context. (babylon.js, line 5)
  25. PBR issue

    Hi, just pulled newest version of babylonjs and got some problems with PBR material for chrome, it is just black and don't use environment texture from scene anymore. Texture is created in code: this.scene.environmentTexture = new HDRCubeTexture( "environment.hdr", this.scene, ); Material is inside babylon json file part of multi material, { customType: "BABYLON.PBRMaterial", name: "material name", id: "material-id", microSurface: 0.9, reflectivity: [0.8, 0.8, 0.8], albedo: [0.02, 0.02, 0.02], environmentIntensity: 0.5, } Something changed in serialisation of material or I am missing some props in json? as it worked before Also texture is loaded.