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 2
    • melonJS
    • Haxe JS
    • Kiwi.js
  • General
    • General Talk
  • Business
    • Collaborations (un-paid)
    • Jobs (Hiring and Freelance)
    • Services Offered

Found 55 results

  1. Hey I'd would like know when the texture is loaded on PBR glTF workflow, I did this code : assetsManager = new BABYLON.AssetsManager(scene); var textureTask = assetsManager.addTextureTask("albedoTexture texture", "assets/test/lambert1_baseColor.jpg", true, false); albedoTextureTask.onSuccess = function(task) { console.log(task.texture); meshes.material.albedoTexture = task.texture; } assetsManager.load(); The material assignation does nothing here thanks
  2. I did a little exercise to update myself on the export in gltf and new Gui : http://studio-ramble3d.com/tassimo/ The modeling is done in Blender, the mapping with substance painter and I export everything from Blender with the add-on of kronos: https://github.com/KhronosGroup/glTF-Blender-Exporter However, I have a question: For the reflection I used the environement.dds file of Babylon because I can not generate mine. Is it possible to create one from an equilateral texture? I followed what is written in the tutorial: https://doc.babylonjs.com/how_to/physically_based_rendering but when I export my map it generates 7 different textures? Someone would have an idea for me to finalize this project. Thank you.
  3. Hi, It seems like in the GlossySpecular workflow, the values of diffuseColor and diffuseTexture are not multiplied together. Then, if you wan't a material with a quite saturated color, like Adding a texture with this green is not the same as setting this green as the diffuseColor. Sample playground is here : http://playground.babylonjs.com/indexstable#6DDR9C#1 Is there a configuration for the PBR Material to get the result we see with a monochromatic texture, without using any texture ? Thanks a lot ! Have a nice day,
  4. PBR, alpha and transparency

    Hi, The last build has some changes in the way PBR Materials are rendered with transparency http://playground.babylonjs.com/index.html#VXEHT4#1 http://playground.babylonjs.com/indexstable.html#VXEHT4#1 In the last build, you need to indicate the Material requires transparency (transparencyMode) to have it blended with the background. Seems like in the last stable version it was its default behaviour. Is it intended ? Thanks a lot for your inputs, have a nice day !
  5. Hi, PBRMetallicRoughnessMaterial is extending PBRBaseSimpleMaterial that is extending PBRBaseMaterial. Inside PBRBaseMaterial there is protected property for lightmapTexture but its not exposed inside PBRBaseSimpleMaterial so lightmapTexture can not be used with PBRMetallicRoughnessMaterial. Is that by the design that metallic pbr doesn't have lightmapTexture ? as it is exposed only for PBRMaterial right now. Thanks
  6. Dear people of this awesome forum: Here I am again, looking for some help. My sw development (of course with BJS) uses PBR materials (we are the greatest fans) . The case is that this is a cross-browser multi-platform project. My scene looks great on desktop: MS Windows (Firefox and Chrome / I'm not using/testing MS Explorer, Edge nor Opera) and macOSX-Safari. It also looks impressive on iOS-Safari, but fails to be so fine in Android-Chrome as my geometries are all show in black. I know this is a problem with my code, as the different PBR examples of BJS look perfect in Andorid-Chrome, but,...what a weird one. Any starting point with this? Thanks for your time.
  7. Hello! I have an issue I hope you can help me with. I'll put you in context and hope I can give you enough information. Let's say I have a PBR floor exported with diffuse, rough, metal and normal from 3DSMax with the Babylon plugin, as well as the environment texture for reflections. I would like to put a ball on this floor that casts a shadow over it, but for some reason it isn't working. It does work with a standard material, but not the PBR. Does this have to do with the 3DSMax export? Am I missing something in code? Should I tweak the shader somehow? Thank you for the help in advance!
  8. 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 ?
  9. PBR Texture [SOLVED]

    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; });
  10. 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,
  11. 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.
  12. 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?
  13. 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,
  14. 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 . . ." }, . . .
  15. 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
  16. 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.
  17. 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
  18. PBR Gradient

    Hello, is it possible to create a PBR Gradient Material?
  19. 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?
  20. 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?
  21. 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.
  22. 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
  23. 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 ...
  24. PBR Alpha Map

    Does the PBR material have an Alpha Map Texture?
  25. 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]