3Dモデルに徐々にひびを入れる表現ができないかと考え、シェーダーで挑戦してみました。 テクスチャの準備が不要なものを目指しました。 その試行錯誤の過程を残しておきます。 どうやってひびを描くか シェーダーでひび模様を描きたいので、それっぽい図になる計算式を探します。 ボロノイパターンというものが使えそうです。 ひび模様を始め、きりんの模様だとか葉脈など、近い模様が自然界に複数存在するのだそうです。面白いですね。 シェーダーでのボロノイパターンの描き方はこちらが参考になります。 境界線の描き方 上記のコードで色分けしたパターンを描くことはできますが、今回は境界線を引いてひびに見立てたいです。 境界線の引き方はこちらが参考になりました。 これを3Dで行って立体的なボロノイパターンを描きます。 大まかに以下の流れとなります。 座標空間を任意の単位でセル分割する。 各セルに1つずつランダムな点を設
![【Unity】シェーダーでひびを入れる[その1:フラグメントシェーダー編]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ed1b6198c16047c76665cb01602575c9cc768f74/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--gy8ao4DA--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%2525E3%252580%252590Unity%2525E3%252580%252591%2525E3%252582%2525B7%2525E3%252582%2525A7%2525E3%252583%2525BC%2525E3%252583%252580%2525E3%252583%2525BC%2525E3%252581%2525A7%2525E3%252581%2525B2%2525E3%252581%2525B3%2525E3%252582%252592%2525E5%252585%2525A5%2525E3%252582%25258C%2525E3%252582%25258B%2525EF%2525BC%2525BB%2525E3%252581%25259D%2525E3%252581%2525AE1%2525EF%2525BC%25259A%2525E3%252583%252595%2525E3%252583%2525A9%2525E3%252582%2525B0%2525E3%252583%2525A1%2525E3%252583%2525B3%2525E3%252583%252588%2525E3%252582%2525B7%2525E3%252582%2525A7%2525E3%252583%2525BC%2525E3%252583%252580%2525E3%252583%2525BC%2525E7%2525B7%2525A8%2525EF%2525BC%2525BD%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3Amasamin%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2VmN2Q1MDcyNzQuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3A%2525E3%252583%2525AA%2525E3%252583%2525AA%2525E3%252583%252586%2525E3%252583%252583%2525E3%252582%2525AF%2525E3%252583%2525A9%2525E3%252583%25259C%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EvQUNnOG9jSTNhdjNHNkphRjZfQ3V0RXU1RFk1T3NlcmtnQ1dqWUVnS0JyeGU1UlhjSGIwT0NXWHM9czk2LWM%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)