r-ngtm https://blog.hatena.ne.jp/r-ngtm/ rn.log https://r-ngtm.hatenablog.com/ はじめに シェーダーを使い、以下のような4色のグラデーションを作る方法を紹介します。 4色グラデーション 2色グラデーション x座標を使って二つの色を線形補間した場合、以下のような二色のグラデーションを作ることができます。 2つの色を線形補間vec3 c = mix(GREEN, BLUE, p.x); // x座標で 緑と青を線形補間 4色グラデーション x, y座標を使って４色を補完すると、以下のような４色のグラデーションを作ることができます。 x, y で4つの色をブレンドvec3 tc = mix(YELLOW, RED, p.x); // top : 黄と赤の線形補間 (上側の色) … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fr-ngtm.hatenablog.com%2Fentry%2F2021%2F01%2F16%2F154813" title="【シェーダー】バイリニア補間で4色グラデーションを作る - rn.log" 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/r/r-ngtm/20210116/20210116142756.png Hatena Blog https://hatena.blog 2021-01-16 15:48:13 rich https://r-ngtm.hatenablog.com/entry/2021/01/16/154813 1.0 100%