p5.jsでトゥーンシェーダーを書く - Qiita

この記事はProcessing Advent Calendar 2020 6日目の記事です。 0. はじめに 0. 1 シェーダーって何？ シェーダー(shader)とは、動詞"shade"「陰をつける，明暗(濃淡)をつける」に"-er"「～するもの」がついた名前の通り、「3DCGで陰影処理を行うプログラム」のことです。 p5.jsのWEBGLモードにおいては、loadshader()で外部ファイルとして読み込む、またはcreateshader()でString型として記述したものを読み込むことによって、自分で書いたシェーダーを使うことができます。 自作のシェーダーを使わない場合には、p5.jsライブラリ標準のシェーダーが使われます。シェーダーを自分で書く際には、はじめのうちは標準シェーダーを書き換えるような形で行うことがおすすめです。 0. 2 トゥーンシェーダーって何？ 「トゥーンシェ