📝

GLSLでCSSのobject-fit: cover;を実装する

2024.03.17

SHARE

TABLE OF CONTENTS

    📝

    GLSLでCSSのobject-fit: cover;を実装する

    2024.03.17

    GLSLでCSSの object-fit: cover; の内容を実装する方法をメモしています。

    vec2 optimizationTextureUv(vec2 _uv, float _pa, float _ta){
      vec2 ratio = vec2(
        min(_pa / _ta, 1.0),
        min((1.0 / _pa) / (1.0 / _ta), 1.0)
      );
    
      return vec2(
        (_uv.x - 0.5) * ratio.x + 0.5,
        (_uv.y - 0.5) * ratio.y + 0.5
      );
    }

    ©2025 SHOYA KAJITA.