Three.jsでアスペクト比の違う画像をPlaneに貼り付ける時、object-fit:cover的に貼り付ける
2025/12/27
アスペクト比の違う画像とプレーンでobject-fit:cover的に画像を貼り付ける
vec2 ratio = vec2(
min(uPlaneAspect / uImageAspect, 1.0),
min(uImageAspect / uPlaneAspect, 1.0)
);
vec2 fixedUv = vec2(
(vUv.x - 0.5) * ratio.x + 0.5,
(vUv.y - 0.5) * ratio.y + 0.5
);