search

3DStreet / 3dstreet

🚲🚶🚌 Web-based 3D visualization of streets using A-Frame
https://3dstreet.app
Other
256 stars 33 forks source link

(wb) 2 new ground materials #804

Closed kfarr closed 1 week ago

kfarr commented 2 weeks ago

We need 2 additional tileable (seamless) textures for ground segments

1) Sand / compacted gravel for sidewalk note how the sidewalk is compacted dirt / crushed gravel and not concrete or pavement in this picture: https://www.mapillary.com/app/?lat=-6.175582034679337&lng=35.76218189311203&z=17&focus=photo&pKey=147416580699217&x=0.5143015464502215&y=0.41477835150126&zoom=0

Image

2) Roadway surface that is partially covered by sand (asphalt with sand on top somewhat)

https://www.mapillary.com/app/?lat=1.9821743658332878&lng=-157.47336156664&z=17&focus=photo&menu=true&pKey=1219591702377079

Image

gnansai commented 2 weeks ago

@kfarr we could use this texture for Sidewalk (compacted soil). These textures are with CC-0 public domain license(https://docs.ambientcg.com/license/ ), so we can use this textures. https://ambientcg.com/view?id=Ground026

I have reduced the file size to 512x512 and converted to webp Ground026_4K-JPG_Color

Below are the files https://github.com/gnansai/3dstreet-assets-dist/tree/main/materials image

plane object with compacted-gravel https://github.com/gnansai/3dstreet-assets-dist/blob/main/sets/material-planes/gltf-exports/compacted-gravel.glb

gnansai commented 2 weeks ago

Hi @kfarr I have made the sand-on-asphalt texture like this. Its resolution is 512x512. I am mixing two texture using blender Noise shader a. https://ambientcg.com/view?id=Asphalt026C b. https://ambientcg.com/view?id=Ground033

sandy-asphalt-texture-procedural_color Here are the texture maps.

  1. I have converted the texture to webp to reduce the file size further.
  2. I can adjust the amount of sand, Do let me know if you need any changes.
  3. I can generate higher resolution textures of 1K - 4k if needed.

Below are the files wepP textures https://github.com/gnansai/3dstreet-assets-dist/tree/main/materials image

plane object with sand-on-asphalt material https://github.com/gnansai/3dstreet-assets-dist/blob/main/sets/material-planes/gltf-exports/sand-on-asphalt.glb

kfarr commented 2 weeks ago

@gnansai this is looking great! We will probably only use the textures and not the glb, but it's ok to keep it as a backup in the repo