I have some meshes in scene, trying to repeat the texture on it. facing some difficulties as following. not able to correctly draw the lines in between the texture repetition. how can I repeat all the available textures randomly on the mesh? texture becomes blurry at the distance from the camera …

The issue is caused by sliding UVs. This confuses texture mipmap sampling along the line of sliding. Generally, it is a loose-loose situation. One option is to pack several tiles in one tile (see the image) and apply it without sliding. This will make it harder to randomize tiles: [image] Anothe…

[image] Vatsal_Pandya: any suggestions or feedbacks are much appreciated I’d draw the grouts in the texture itself, then use proper mipmap and anisotropic filtering to make the lines smooth.

[image] PavelBoytchev: I’d draw the grouts in the texture itself, then use proper mipmap and anisotropic filtering to make the lines smooth. drawing the grout lines before repeating the texture. correct ? I will update like that. can you please guide for randomization ?

Maybe need upload texture already with randomisation and then no need for shader and set repetition. I dont know english good [image]

[image] PavelBoytchev: I’d draw the grouts in the texture itself, then use proper mipmap and anisotropic filtering to make the lines smooth. I have updated code as per your suggestion code in this link : Glitch :･ﾟ✧ works correctly for normal (grid) layout, but when we change layout type to …

I need to implement for dynamic purpose and number of similar textures (which needs to be randomized) would be variable. that’s why trying to achieve the randomization through code :slight_smile:

update randomization achieved with help of @manthrax . @PavelBoytchev now facing following issue. please guide [image] Vatsal_Pandya: works correctly for normal (grid) layout, but when we change layout type to brick or brick2, one of the line horizontal / vertical gets aliased with brick l…

Far for perfect, but slightly better: if (grout_v_width > 0) { context.lineWidth = grout_v_width; context.beginPath(); context.moveTo(0, grout_v_width); context.lineTo(canvas.width, grout_v_width); context.stroke(); } if (grout_h_width > 0)…

[image] PavelBoytchev: Far for perfect, but slightly better: yes those lines are set with bit offset for layouts. appears more clearly when grout width is large in scale. [image]

fshaders void main() { //other code if (layoutType == 1) {//brick uv.x += mod(floor(vUv.y * repeatY), 2.0) * 0.5 / repeatX; } else if (layoutType == 2) {//brick2 uv.y += mod(floor(vUv.x * repeatX), 2.0) * 0.5 / repeatY; } vec2 center = vec2(0.5, 0.5); uv = uv * vec2(repeatX, …

[image] PavelBoytchev: Another option is to draw in the fragment shader a thin line on the border of the grout. Here is a demo (the marked text draws the lines): Thanks a lot. this will work.

Texture repetition & Drawing lines issue with GLSL shaders

Questions

Vatsal_Pandya August 16, 2024, 7:57am 14

bump. please guide still stuck in this issue to generate proper texture and lines with sampler2DArray.

Change floor image in canvas 3D

Topic		Replies	Views
Texture repetition and grout lines generation issue Questions textures , materials , shaders , repetition	1	89	July 31, 2024
Create Grouting from GLSL shaders / draw line around the texture image Questions textures , texture-mapping , lines , draw-line	1	142	June 30, 2024
How to repeat image texture on the mesh material based on the texture's actual size Questions textures , materials , geometry , mesh , texture-loader , texture-mapping , rotation , blurry-texture	32	1520	November 12, 2024
Repeat a Shader material texture? Questions shaders	7	2350	April 21, 2025
Canvas Texture Seams/Artifact Lines at Repeat Border Questions textures , materials , canvas-texture , canvas , material-index	14	4226	May 25, 2020

Texture repetition & Drawing lines issue with GLSL shaders

Related topics