tsmallfield https://blog.hatena.ne.jp/tsmallfield/ KAYAC Engineers' Blog https://techblog.kayac.com/ AdventCalendar2021 webgl canvas glsl shader uv JavaScript この記事はTech KAYAC Advent Calendar 2021の24日目の記事です。こんにちは！意匠部のおばらです。今日はUVアニメーションのお話です。UVとは？3Dの世界でUVといえばUV座標のことです。UV座標は頂点の3次元座標がテクスチャ上のどの位置に対応するかを表す2次元座標。きれいなUVだね〜とか、UVがずれてるじゃんとか、UV展開しといて〜、とかそんな感じで使います。ところでUVってどういう意味なのでしょう？なにかの頭文字でしょうか？なぜUとVなのか むかしむかしあるところに、3次元の座標をアルファベットの最後の3文字 X, Y, Z で表らわそうと決めた働き者のトナカイがいました。彼は職業柄、自分の位置を3次元空間上で把握する必要があったのです。「よ〜し、3次元の座標を X, Y, Z で表すぞ〜！」「( ˘ω˘ )zzZ」ところがしばらくすると3次元ではなく4次元の計算もしたくなりました。位置情報だけではなく自分がどこを向いてるのかという回転情報も把握する必要があったのです。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftechblog.kayac.com%2Fxmas-uv-animation" title="トナカイと白ひげのおじいさんに学ぶUVアニメーション - KAYAC Engineers&#39; Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/t/tsmallfield/20211224/20211224082820.png Hatena Blog https://hatena.blog 2021-12-24 12:00:00 rich https://techblog.kayac.com/xmas-uv-animation 1.0 100%