📝 ~ 

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

2024.03.17
RELATED CATEGORY
TABLE OF CONTENTS

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
  );
}

PICKUP ARTWORK