kinakomoti321 https://blog.hatena.ne.jp/kinakomoti321/ MochiMochi3D https://kinakomoti321.hatenablog.com/ Shader芸をやってると何かと文字を使った表現やりたくなることがあります。私が知っている限りではフォントのテクスチャ、SDF、ドット絵の３つの表現方法があります。 テクスチャを使う ShadertoyではTexturesの中にFont1というフォント用のテクスチャが存在します。ぱっと見では色んな色が付いていて分かりづらいですが、このテクスチャのRにはフォントそのもの、Gにはxのグラディエント、Bにはyのグラディエント、Aにはフォントの距離関数が割り当てられています。 Font1 サンプルとして以下の作品があるため、これを確認すればわかると思います。 www.shadertoy.com 単に文… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkinakomoti321.hatenablog.com%2Fentry%2F2023%2F05%2F03%2F140251" title="Shaderで文字を描く方法 - MochiMochi3D" 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/k/kinakomoti321/20230503/20230503140338.png Hatena Blog https://hatena.blog 2023-05-03 14:02:51 rich https://kinakomoti321.hatenablog.com/entry/2023/05/03/140251 1.0 100%