テクスチャペイントの話

皆さんこんばんはぐっちーです。

もう１月も終わりですね。この記事を書いたあとに今月の成果を記事にしようと思います。

今回はUnityで動的にテクスチャペイントをした話をしたいと思います。

どんなことをしたのか

イメージ的には某イカちゃんゲームのような感じでボールが当たったところに色がつく感じのことを実装しました。

こんな感じでもともと白かった場所にインクをぶちまけた用な図を描画します。

全体の流れ

全体の流れとしては

みたいな感じです。

それぞれの処理の細かいところを紹介していきます。


UV座標の取得

Unityに関して言えばRaycastHitを使うことで簡単にUV座標は取ってこれます。

RaycastHit.textureCoordがRayの衝突した場所のUV座標なのであとはこれをShaderに渡してそこを中心に貼りたい画像を描画してもらうだけです。

RayCastHitを使わない場合でもできるようですがここでは省略します。

描画の部分

描画させたいオブジェクトにくっつけたマテリアルのフラグメントシェーダーの部分はこんな感じになっています。

_PaintUVは先程取得したUV座標で_BrushScaleはインクの図の拡縮度です。_PaintUVを中心にh離れた範囲(インクの図が描画される範囲)内であればインクの図を、そうでなければもともとのテクスチャを描画させる。という処理です。

あとはスクリプトから色やインクの図のテクスチャ、拡縮度などをシェーダーに渡してBlitする処理を描いてあげればいい感じです。

だいぶ雑に紹介しましたがそんなこんなでテクスチャペイントができました。

なお、今回の記事で紹介したテクスチャペイントの詳細やRaycastHitを使わない方法などは以下の記事を参考もといほぼ引用させて頂いております。

Splatoonの塗りみたいのを再現したい その５ - しゅみぷろ

はじめに 塗り表現その５です。今回はとうとう、動的テクスチャペイントについて解説していきます。 サンプルはこちら(© UTJ/UCL)から遊べます Splatoonの塗りみたいのを再現したい その１ - しゅみぷろ Splatoonの塗りみたいのを再現したい その２ - しゅみぷろ Splatoonの塗りみたいのを再現したい その３ - しゅみぷろ Splatoonの塗りみたいのを再現したい その４ - しゅみぷろ 今までの記事では、ちょこちょこと法線マップやエフェクトについて書いてきました。 今回はズバリ、「塗り」そのものについて書きます。結構順不同で適当に書いているわけですが、今回がメイン…

しゅみぷろ

また、上の記事を書かれている方がこのテクスチャペイントを使えるアセットを公開しているとのことなのでそちらもリンクを置いておきます。

Ink Painter - Asset Store

You can use this asset for free, but if you like it please donate from Patreon . Sponsor * Jirka Maršík * Dax Pandhi It is an asset that realizes texture painting in real time. You can express like ink applied. It can also be used to save texture data painted while editor is running. It has high affinity with the Unity standard shader, and can easily achieve paint processing. Please refer to the document for details. The image uses UnityChan. © UTJ/UCL Blog Document GitHub Requests etc from GitHub's "Issue" please.

assetstore.unity.com

実際に完成したものの紹介記事は別途公開しますのでそちらもお願いいたします。

それでは今日はこの辺で( ｰ`дｰ´)ｷﾘｯ





ぐっちーの駄弁り部屋

私の作ってる物の進捗報告や紹介などできる場になればと思ってます 「駄弁り部屋」なのでゆるっとしていってくれれば幸いです

0コメント

  • 1000 / 1000