Как тиражировать только часть текстуры?

Question

[Антон В.]

У меня есть изображение которое я использую как текстуру.



И я хочу повторить только часть этой текстуры. Например, третий прямоугольник в первой строке от [0.5,0] до [0.75, 0.25]. (коричневый)

Есть ли способ сделать это в Webgl 2?

ps. возможно, это можно сделать с помощью textureOffset и что-то еще ...

Буду очень благодарен за информацию в этой теме!

Comments

[Stranger in the Q]

как Вы используете эту текстуру? от этого зависит ответ

[Антон В.]

Stranger in the Q,
подключаю текстуру

const img = new Image();
    img.src = unit_settings.url;
    img.decode().then(() => {
        let tex = gl.createTexture()
        texture_config.tex_id = gl.TEXTURE0 + +index
        texture_config.tex = tex
        gl.bindTexture(gl.TEXTURE_2D, tex);
        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, img);
        gl.generateMipmap(gl.TEXTURE_2D);

        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_LINEAR);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);

        gl.activeTexture(texture_config.tex_id);
        gl.bindTexture(gl.TEXTURE_2D, tex);
    })

часть вершинного шейдера

mat3 mt = mat3(a_vtx[0],a_vty[0],1.,a_vtx[1],a_vty[1],1.,a_vtx[2],a_vty[2],1.);

      v_tex = vec2((mt*vec3(a_pos.xyz)).xy);

      vec2 v_start = vec2((mt*vec3(a_pos_1.xyz)).xy);  

      v_tex.x=(v_tex.x)/260.;//ширина текстуры
      v_tex.y=(v_tex.y)/150.;//высота текстура

часть фрагментного шейдера

if(hatch==1){
 outColor = texture(samplers0[0], vec2(v_tex.x, v_tex.y));
}

if(hatch==2){
 outColor = texture(samplers0[1], vec2(v_tex.x, v_tex.y));
}