Jump to content

fading texture, lights and shaded relief


heth
 Share

Recommended Posts

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

 

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...