heth Posted March 16, 2016 Share Posted March 16, 2016 I'm trying to display 3-dimensional maps with overlays, in the same way as it possible, for example, with leaflet.js. I have created a sample in the playground: http://www.babylonjs-playground.com/#HJMHU#7 This displays my region with an overlay for the highwater risk areas. If you wait a little the blue areas disapear. But also the shaded relief disapear. I have tried a lot with different textures of the material and different lights. I have even looked into BABYLON.Effect.ShadersStore. But I haven't found a better solution yet. Is there a better way to get such fading textures? (If possible without low level C source code) You can see it implemented on our site http://hmsmap.com/3d/?x_anz=3&y_anz=3&z=11&lat=51.9547&lng=8.2387&tp=OpenStreetMap&op=HW_Gefahrenkarte Use the second slider in the footer to change the opacity. Quote Link to comment Share on other sites More sharing options...
Wingnut Posted March 16, 2016 Share Posted March 16, 2016 Hello Heth, welcome to the forum! http://www.babylonjs-playground.com/#HJMHU#9 Click on map to overlay the overlay. I tried a new approach... using a decal for the overlay. I don't have things quite lined-up, yet, and I need to make the white parts of the overlay... somehow transparent. I think I need a "texture mask", but that might be a particleSystem thing only. Maybe "opacityColor"? hmm. I'm not very good at materials, actually, but... perhaps a 'decal approach' is the best way. Not sure, yet. Still thinkin'. Others will surely comment soon. Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted March 16, 2016 Share Posted March 16, 2016 i most finish babylon.shaderbuilder 2 days ago but i finish typescript version but need fork and marge that code with BJS and Commit that. shader Builder tools for BABYLON You can Do this without C source i try commit that in next 24 (+- 6h )check this post for next day thanks. adam 1 Quote Link to comment Share on other sites More sharing options...
heth Posted March 23, 2016 Author Share Posted March 23, 2016 Thank you for your comments. I have tried using DECALs, but that seems rather slow. For now I have limited the range for emissiveTexture.level and diffuseColor. You can see the result with the link I added to my original question. Currently I will no further investigate this. Quote Link to comment Share on other sites More sharing options...
NasimiAsl Posted March 23, 2016 Share Posted March 23, 2016 fade texture example : http://www.babylonjs-playground.com/#FT2RY#0 Quote Link to comment Share on other sites More sharing options...
heth Posted March 23, 2016 Author Share Posted March 23, 2016 Thanks NasimiAsl, that seems promising. But at the moment we are moving the elevation data to another server and I am involved in another project. I will return to this issue later. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.