Tile Offset

[Art Vandelay]

Hi everyone,

I am trying to tile a floor but I would like to create a sort of "offset" in the tiling. I added pictures to best explain what I am trying to do. The first is what I am doing now. The second is what I would like. How can I do this?

Thanks!

[Pryme8]

This would be best done with a custom mesh.

https://doc.babylonjs.com/babylon101/parametric_shapes

[adam]

You could also scale the meshes.

[brianzinn]

You could also look at shaders or procedural textures.  ie: brick:
https://doc.babylonjs.com/extensions/brickproceduraltexture

[V!nc3r]

Or directly map a texture file.

[Art Vandelay]

Thanks everyone

@brianzinn Procedural texture is what I need but I would like to upload my own texture instead of the brick. Is there any way to do that?

[kurhlaa]

2 hours ago, V!nc3r said:

Or directly map a texture file.

Nice website. What about textures licences? Don't see at images description where images may be used

[Christoph]

#2 https://www.textures.com/terms-of-use.html

Their license is among the more permissive ones.

[kurhlaa]

1 hour ago, Christoph said:

#2 https://www.textures.com/terms-of-use.html

Their license is among the more permissive ones.

"You are not permitted to: bundle Photos with software such as paint programs, plugins, 3D engines, 3D programs or photo-kiosk software;" - probably there is no way to share BabylonJS projects with these images included, forget about selling too

[adam]

25 minutes ago, kurhlaa said:

"You are not permitted to: bundle Photos with software such as paint programs, plugins, 3D engines, 3D programs or photo-kiosk software;" - probably there is no way to share BabylonJS projects with these images included, forget about selling too

BJS can't bundle the textures, but you could use the textures in a game that you create with BJS.

 

[brianzinn]

14 hours ago, Art Vandelay said:

I would like to upload my own texture instead of the brick. Is there any way to do that?

I don't think so with procedural texture as they are generated, although a texture is just a color map.   NasimiAsl is the resident shader guru, if you really want to go the shader route check out this thread.

With standard material and getting creative with UV mapping, perhaps you can get a good solution, too:
https://doc.babylonjs.com/how_to/more_materials
http://www.babylonjs-playground.com/#20OAV9#25
 

 

[Christoph]

9 hours ago, kurhlaa said:

"You are not permitted to: bundle Photos with software such as paint programs, plugins, 3D engines, 3D programs or photo-kiosk software;" - probably there is no way to share BabylonJS projects with these images included, forget about selling too

Check 2.1.c

You are allowed to use them in 3D models, however you need  to put a proper license on the model.

I think the main reason is that you do not redistribute their stuff with some copyleft license.