Google Fonts大好き！





Noto Emojiをp5.jsで利用するにはhtml側で読み込んだ後、textFont()でフォント名を指定すればokです。
画像はmac使用時のものです。デフォルトのうさぎの描き方がリアル！




See the Pen
p5js_emoji_font by reona396 (@reona396)
on CodePen.



Noto Emojiはシンプルに一色で表現されているため、
fillやstrokeでの色の操作も可能です。
strokeWeightもいじれます。




See the Pen
p5js_noto_emoji by reona396 (@reona396)
on CodePen.



コード中にemojiを入れるのが文字コード的に不安…という場合はCodepointsで指定する方法もあります。
Codepointsはemojipediaなどで調べられます。


See the Pen
p5js_noto_emoji by reona396 (@reona396)
on CodePen.



emojiとかアイコンって面白いですよね〜。

関連: