12/27

Three.js

アスペクト比の違う画像とプレーンで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
);

fragmentで画像

r,g,bでずらすやつ、同じ値にしても面白かった。

所感

あああGPGPUむずすぎいやいやいや

GPGPU is way too hard, no way