やってみたいと思っていませんか？NFTアートの作成と出品のきっかけ fx(hash) boilerplate with p5.js

# はじめに

## なにを作るもの？
[fx(hash)](https://www.fxhash.xyz/)と言うNFTマーケットプレイス向けのp5.jsによるアートを作ることができます。
NFT（Non Fungible Token、非代替性トークン）、ジェネレーティブアートの特性上の **お約束ごとがある** ので、それを予め実装・テンプレート化しておくことで、利用される方は **本来の作品作りに注力できる** ようになります。

https://www.fxhash.xyz/explore

## 前提知識・感謝！
fx(hash)を利用するにあたっての最初から最後まで、下記の記事で全部わかりました。
ありがとうございます！

https://note.com/kusakari_/n/na79f93143acb

# p5.js向け fx(hash) ボイラープレート
今回作成したボイラープレートは、上記記事の「5. 作品（Generative Token）を作る」の部分を簡略化できるものとなっています。
元は[fx(hash)公式のボイラープレート](https://github.com/fxhash/fxhash-boilerplate)で、それをfork、新しいブランチにしています。

元のボイラープレートの Params, Features を利用したサンプルもコード内に exmaple: として作りました。

https://github.com/shibomb/fxhash-p5js-boilerplate/tree/p5js/master


# 正直、mintってなんだ？の状態ですが・・・
出品するにもmint、購入するのもmint。
mint＝支払いみたいなものですかね・・・？
→　**NFT（Non Fungible Token、非代替性トークン）の発行**のことだそうです。
支払いというよりも「支払ったで！」の証拠を作るのだと思っておきます。

## スタートできない人なんていない！いざ、出品！
そして、そんな私でも、ボイラープレートをそのままビルドして出品できました！初mint達成！
タイトルは「**スタートできない人なんていない**」です。
「とにかくやってみよう！」と、まさに今、私自身が生まれてこのかた、やったことがないことにチャレンジしている、そのものにしてみました。
ボイラープレートもそのためのものです。始めるきっかけになれればと。

https://www.fxhash.xyz/generative/27807

## そして、速攻、セルフで購入w
そして、いざ！自分のを購入！（これまた生まれて初めてのNFT購入）と意気揚々と手続きを始めました。
Paramsに対応しているので、なんと作品に対して購入者が手を加えることができるのです。
自分の作品、かつ、無理やりサンプルのような実装なのですが、やってみると、なんだかそれなりのものに^^

https://gateway.fxhash2.xyz/ipfs/QmWQcbKfpyzC45LQDjSrspNchbonytBpxmwC3mib9XWpMG/?fxhash=opAZ7TGZocYNyC4YRm8JFYfFPpn6RZLAX8vQ5dbhsoUU4XccYiq&fxiteration=2&fxminter=tz1g35dRr2EjFVTvXVy3bbfVJ5GanRkszywX&fxparams=4001c467381d7dbf0000000000000454007100770030006f0071003700310072006d007a006d0032003800350033006c006900310064007600650075006400350076006e006e00640035003300770030006f0072003700650066006900680065006b006d003300790034006b006f006b00690030006c006c0061006f003600370077006f00640033007a003700350073007900710078007a00730037006a0073006300360063006300730074007100760035003100320079007a00320079006e0039006a006a003700760033003500370031006900710063007700790064006200390033006e00340066006f0076007a006800770064006e006f006c0033006200610071006b007a0077007800680072006200770078006d0079006400370071006e00370072006b00370071006600700070007a00670074006f0063006e00360066006b006700650038006a006800620075007a0035006d0078006500670063007200740071006c0035003500610036006700650039007800740065007200660064006e003500680066003800680062007a00360033006e000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000001152a664a01306a306b304c306f3058307e308b306e3060308d3046ff1f00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000


:::note info
何を自画自賛しているのだ・・・と思われるかもしれませんが・・・
ぜひ皆さんも出品→購入を体験し、感覚を味わってください！
:::


# え！？ #2!?
購入後、よくみるとタイトルに「#2」と付いていました。発行数も2/nになっています。
「２番目？いや、ぼ、ぼ、僕が１番目の購入者ですよ・・・」と思いながら、下にスクロールして iterations を見てみると・・・
なんと私よりも先に購入してくださった方がいました！！！

えーっと・・・
すごく嬉しい！
すごく嬉しい！
すごく嬉しい！

もはや語彙力を失っていますが、自分の作品が購入された事実は、これまでにない感覚でした。
幼少の頃から絵を描くのが好きでデザインも好きで、でも色んな経緯があって今に至っておりますが、ここに来て、あぁ、この体験よ！！

---

# おわりに

最後までお読みいただき、ありがとうございました。

p5.jsドキュメント日本語翻訳プロジェクトをはじめ、未来を作るキッズたちにITを伝える活動にも紐づいています。
よかったら、覗いてみてください。

https://note.com/shibomb/n/n0fe93fb940f0

https://note.com/shibomb/n/nf217bfb1d80e