UI/UX Designer 製作第一個 NFT
為什麼會投入區塊鏈及 NFT 創作？
原本覺得區塊鏈和虛擬貨幣是一場騙局，因為它的匿名與隱密性，中央機構難以監管，大多常被應用於詐騙或非法用途，尤其是交友軟體上遇過數次詐騙仔（汗)，但有三件事讓我改觀：1. 元宇宙名詞興起，大公司紛紛投入開發，2. NFT 市場熱絡，3. 看 RPF/文化銀行慕天直播，即便對於「區塊鏈」當時有偏見，但這有可能是出自對區塊鏈不夠瞭解，所以決定上課與學習，認識區塊鏈的用途，也減少被騙的機會。
2022 年初，區塊鏈與 NFT 相關課程資源不若軟體開發、介面設計這個多，為瞭解區塊鏈/元宇宙/NFT 相關知識，又沒足夠時間 DYOR (Do Your Own Research)，便選擇以上課方式學習，第一堂入門課程選擇 The Z Institute 的《 NFT & GameFi 實戰人才加速器》。其中一項小組作業是製作並上架 NFT，由於小組成員多無資工背景，於是決心鑽研技術並投入製作，…是時候拿出自學力了（淚）。雖然作品完成度與完整度未若其他資工背景學員厲害，還是分享一下製作 NFT 的過程，或許提供初學者上架 NFT 的門路。
本文你可以學到的：👉🏻 NFT 製作過程與上架
👉🏻 如何尋找學習資源
👉🏻 生成式藝術市場觀察
文章大綱
- 為什麼會投入區塊鏈及 NFT 創作？
- 創作工具選擇：p5.js
- 上架平台選擇：fxhash
- 如何尋找學習資源
• p5.js 教學資源
• 上架 fxhash 教學 - 製作過程
• 開發環境設置
• 撰寫程式 p5.js
• 設計發想
• 打包上架與測試 - 市場觀察與當紅藝術家介紹
• fxhash: fxhashmonitor / fxhash marketplace
• Art Blocks - 結語
- 學習資源整理
創作工具選擇： p5.js
選擇創作的工具是 p5.js，原因有二，當時沒什麼創作靈感、沒有很清晰的創作脈絡，二來是曾有切版經驗也碰過一點點 js，對程式初學者相對來說親切一點。
p5.js 的教學文件也很清晰，建議英文程度不錯的讀者可去官網閱讀原文，或上 YouTube 看英文 tutorial。
另外說到 p5.js，就得提到 Creative coding，科普一下，
Creative Coding
Creative coding 已存在 20 年以上，早在 2001 由 MIT 推出 processing 語言，P5.JS 就是基於 processing 語言的改良，讓藝術創作者可以運用程式碼進行創作，來創作生成式藝術 (Generative art），可能是一段聲音、視覺影像，已經被大量應用在主流電影、演唱會、活動表演現場等。而生成式藝術做出來的效果能給人不同的視聽覺感受。
目前將 Generative art 作為創作手法的當代藝術家，如:池田亮司。
上架平台選擇：fxhash
這次選擇上架 NFT 平台是在 Tezos 鏈上的 fxhash，原因是 Tezos 為價格低且好入手的幣種，手續費也很便宜（大概幾十塊台幣，大概 0.0000 幾 tez，金額很小），算是新手友善。再來是 fxhash 是生成式藝術平台，所以上頭都是生成式藝術作品居多，要收藏藝術品，價格也相較以太鏈上的一、二級市場來得親民些。
如何尋找學習資源？
這次使用的創作工具為 p5.js，上架 NFT 的平台是 fxhash，學習 p5.js，需要教學資源，而上架作品的平台則需要將程式碼打包成平台方 fxhash 可接受的格式。
p5.js 教學資源
- Hahow — 吳哲宇老師/互動藝術程式創作入門
非業配，老師的教學深入淺出，真情推薦 (⁎⁍̴̛ᴗ⁍̴̛⁎) - YouTube — Coding Train (英文)
從 0 開始教 p5.js - p5.js 官網
上架 fxhash 教學
- YouTube
從 Git 安裝到上架
No Code (PFP 製作) - fxhash boilerplate
GitHub 開源專案，已把程式寫好，幫你打包成 fxhash 會收的格式 - 加入 fxhash 官方 Discord
可在上面詢問相關技術問題，上頭會有開發者解答
後來是選擇 fxhash boilerplate 開源專案打包自己的 p5.js 作品。
製作過程
製作過程中會歷經幾個步驟，開發環境設置、Git 與 nodejs 及 npm 安裝，程式編輯器、打開終端機等，若為第一次接觸 Git (版本控制) 與終端機，可以選擇性跳過(捂臉)，或者先去 Google 了解他們，此處先不贅述。
開發環境設置
- Step 1 閱讀專案 Readme
了解專案的正確使用方式，也是開發者用心寫的筆記
註：已安裝過 Git、nodejs、npm 者可略過下列三個步驟
- Step 2 安裝 nodejs
依 Readme，本地環境需安裝 nodejs 才能運行 - Step 3 安裝 Git
其功用是為了下載本次 NFT 上架所使用的 Github 專案
打開終端機，複製 git clone 指令，git clone 此處意思是直接將整份專案從 GitHub 下載到電腦裡。
對版本控制有興趣的讀者，可參考 為你自己學 Git (Kobo 電子書)。
$ git clone https://github.com/fxhash/fxhash-webpack-boilerplate.git 安裝目的地資料夾路徑 && cd 目的地資料夾上面這句的意思是下載專案到指定資料夾，並切換 (cd) 到該資料夾。
- Step 4 安裝 npm
- Step 5 在終端機執行 $ npm start 跑測試頁 localhost: 8080
可以一般瀏覽器（Chrome、Brave、Firefox 等) 預覽自己寫的程式碼
- Step 6 開始寫程式 (p5.js)
打開程式編輯器 Sublime/VS Code 撰寫，初學者可閱讀 p5.js cheat sheet，放在視窗旁邊閱讀或參考。
- Step 7 尋找色碼
到 The Coolors 選擇喜歡的顏色組合，堪稱是沒靈感時的救星，可以找出命定的配色（？）
找到喜歡的色碼，將 hex 色碼，複製起來，存在程式的變數中。
收集完喜歡的色彩，接著開始發想設計。
設計發想
對於剛入門的初學者，「有機造型」（點線面、幾何造型）是最好發揮，也是不易出錯的選擇。另外則是 在規律中創造變化，讓畫面免得過於單調、無聊。
一開始從 Pastel Colors （春天/粉色系) 著手。
圓圈層層堆疊，利用 frameCount，讓圓圈跟時間前進動起來。
其實跟第一件作品的嘗試差不多，改變的地方是，從圓形改繪橢圓層層堆疊，並利用 shearX() 偏移畫布的做法增加變化。從光束長成旋轉的有機造型。
- Step 8 打包成 zip 檔
完成程式撰寫後，最後一定不能漏了，要打包成 zip 壓縮檔，才可上傳到平台。
- Step 9 上架與測試
在 fxhash 上提供的 sandbox 做測試
若能讀出檔案，即代表成功。
- Step 10 查看平台的 Open Schedule
fxhash 在 2022 年 3 月至 4 月間都在 beta mode，Mint 之前建議去看 fxhash 的 Open Schedule (綠燈是可以 Mint 的時間）。
近期（2022/4） fxhash 都在「Big Burn」階段，只能瀏覽，無法購買或鑄造。
- Step 11 開始鑄造
點開右上角頭貼，「mint generative token」，並點選同意且檢查過自己的 zip 檔
- Step 12 上傳 .zip 壓縮檔
- Step 13 設定螢幕截圖、作品說明、鑄造版數，開始鑄造…鑄造完畢！
本步驟在此省略，因為 fxhash 在 2022 年 4 月進入「Big Burn」，final beta 只能瀏覽，無法鑄造。另外前述作品均已鑄造成功，因此略過。
需留意的是鑄造總時數依據平台審核時間、區塊鏈忙碌程度，至成功上架前，之前等了 3 小時之久。
如何設定定價？
- 觀察其他人的定價策略：
去看市場上最高價跟最低價 - 推廣性質可設定在 0 tez
之前有同學分享推廣性質可以設定在 0 tez
但也要看版數（ 0–50 版數表示稀有，有可能吸引他人收藏）
當時在設定作品定價時，設定為 1 tez，原因是自認藝術價值與作品論述不夠，技術含量也不高，且又是實驗性質所以訂了1 tez（當時換算大約 3–4 美金左右）。
新作品會有被曝光的機會嗎？
Fxhash 的 discord 內會有新作品的頻道推播，官方有製作機器人推播，所以基本上任何新作品都不會被埋沒。
還有個有趣的現象，當時作品在半夜鑄造完，凌晨就賣了 4 張（半夜睡起來看覺得好荒謬）。去查看原因，推估是前述 fxhash Discord 機器人推播外，就是剛上架的作品，排序會靠前，也就是被看到的機會增加。
熱賣時間點：剛上架的 24hr 內，作品排序會在很前面，且 fxhash 相較opensea 的市場作品比較沒這麼多，所以相對有機會去找到新銳藝術家。另外還有一個方式，透過推特、Discord、IG 等，借助「社群力量」，讓自己的作品得到曝光，也是一種方式。（不過這就不適用於沒流量的筆者XD）
市場觀察與當紅藝術家介紹
剛說完了創作與上架過程，若未來有心想投入生成式藝術 NFT 創作或投資，可觀察在 Tezos 上的 fxhash 與 以太鏈上的 artblocks 上的項目表現，以了解市場趨勢與需求。
Tezos 鏈的 fxhash: fxhashmonitor 與 fxhash marketplace
fxhashmonitor
之前 NFT 班學員有分享這個平台，他是 fxhash 社群專案 fxhashmonitor (可看到All Time 交易量)
可作通過交叉比對，觀察前 20 名 第一手鑄造的收入 vs. 次級市場收入
了解流通性與錢都流向哪位藝術家。
初級市場交易量
次級市場交易量
也就是所有權經轉手過的作品
從初級到次級市場，頭部的創作者有 toxi、William Mapan，稍後會作介紹。
除了第三方平台觀察並不夠，也來看看 fxhash 官方的 marketplace 數據。
fxhash marketplace
觀察二級市場近 30 日交易量前幾大的作品，近一個月內，William Mapan 的作品交易量也相當大。
fxhash 藝術家介紹 — Toxi (Karsten Schmidt)
Karsten Schmidt (aka toxi) is a London based computational designer merging code, design, art & craft skills. Originally from East Germany and starting in the deep end of the early 8-bit demo scene, for the past 2 decades he’s been adopting a trans-disciplinary way of working and been laterally involved in a wide range of digital disciplines.
來自東德，曾經長居倫敦的軟體工程師，現居德國阿爾高（Allgäu）。
De/Frag 是 toxi 在 fxhash 賣得最好的作品之一。當時鑄造版數共 512 版，起始價設定在 32 tez，地板價(截至 2022/04/13) 來到 200 tez，漲了 6 倍之多。
fxhash 藝術家介紹 — William Mapan
法國藝術家/軟體工程師 William Mapan，曾在 makemepulse 製作公司擔任工程師。
他在 fxhash 上面的 Dragons 項目，一直都是 fxhash 市場上熱門項目。當時鑄造 512 版，起始價設定在 24.998 tez，地板價(截至 2022/04/13) 來到 599 tez，漲了近 24 倍。
以太鏈上的 Art Blocks
為公認最頂級的 NFT 藝術市場，是邀請制平台。由 Jeff Davis 與 Erick Calderon 等人於2020年底創立，專賣生成式藝術作品，知名專案有 Calderon〈Chromie Squiggles〉、Dmitri Cherniak 破拍賣紀錄的〈Ringers〉系列、Tyler Hobbs〈Fidenza〉等。
當時是在 masterpiece.so 平台觀察熱門項目，但站方已宣布於 2022/04/15 中止服務。
We are excited to announce that Masterpiece will continue its NFT vision under a new company. As part of the changes, we will be ending our existing web presence. The Masterpiece website will go offline on April 15th. This wasn’t an easy decision; we will be bringing our technology and expertise into a larger NFT product group.
Masterpiece 公告
看的面向有兩個：一為 Top Sale，看 All Time，也就是所有時間內交易量一直都很大的項目。Ranking 則是看來自 Art Blocks 策展的項目排名。
Art Blocks — Top Sale (All Time) & Ranking
下圖(左）為 All Time 銷售最好的項目，下圖(右) 為 Ranking ，項目排名。
兩邊對照閱讀，不難發現，在藝術市場表現好的項目之二：Dmitri Cherniak 的 〈Ringers〉系列、Tyler Hobbs〈Fidenza〉。接著就介紹這兩位藝術家和他們這個知名作品。
Art Blocks 藝術家介紹 — Dmitri Cherniak
他創作的《Ringers》系列可能更受 NFT 藝術迷所認識。
同樣是依靠電腦與軟體自動生成的，即生成藝術，系列共1,000幅作品，以繩（線條）和釘子（圓圈）組合成不同的色塊和形狀，尺寸、佈局，以至纏繞方向都有變化。與頭像式 NFT 一樣，系列同樣憑著不同特徵分辨罕有程度。例如黑、白、黃屬基本顏色，分別只有 12% 及 3% 作品會額外加上紅或藍等特殊配色。
— Preface
他創作的 Self Portrait #1.2020，在蘇富比元宇宙拍出 268.2 萬美元，是其售價最高的作品。 — Preface
Art Blocks 藝術家介紹 — Tyler Hobbs
來自美國的 Tyler Hobbs 不但鑽研過傳統肖像、人物和風景畫，而且在大學時期修讀過電腦科學課程。
— Preface
Fidenza 在 2021 年 6 月在NFT 平台 Art Blocks 上首次亮相。Fidenza 共鑄了999 個，每個價格為 0.17 以太幣（當時約400美元），截至 2022/04/13 OpenSea 的交易價格高達 4 萬多個 (44.4K ) 以太幣（超過一億三千萬美元），地板價目前為 50 以太幣。
說了這麼多，觀察市場目的是：
分析項目爆紅原因 & 藝術家本人故事，選擇投入的賽道是投資還是創作。
另附上一個掃地板價的好地方：gem.xyz
結語
歷經這次上課與實作，有一些反思，可以給未來的自己與目前有打算投入 NFT 創作/投資的讀者：
- 進入門檻微高
關於 NFT 上架的中文化教學還不夠多，大部分資訊都來自推特、Discord 歐美世界社群媒體。求生意志要夠強。 - 搜尋能力
若有接觸過 NFT/元宇宙/區塊鏈相關課程、有安裝過錢包，比較容易知道怎麼找到關鍵字。或是搜尋「區塊鏈/NFT 字典」，學習專有名詞/行話，較容易著手。
➡️ 推薦閱讀：搜尋技巧⚡️ - 找尋志同道合夥伴
上課/DC 群找好友
在區塊鏈/元宇宙相關的討論，如果自己單打獨鬥，可能會遇上詐騙，再來一個人研究，時間成本太高，若能在 DC 群找到好友一同討論研究，就不會太快放棄 XD - 評估機會成本與創作能量
需要評估自己投入在這塊的時間與心力，評估需付出的機會成本。在創作與資料查詢過程理解到，除了「藝術價值」、「程式碼」、「流量」，在作品論述與技術上，都需要別出心裁，才有機會「出圈」（即脫穎而出）。 - Creative Coding 值得嘗試
p5.js 是一門很有趣且水很深的課，做完作品之後對生成式藝術更有興趣，會想要繼續學習，等學習基礎語法告一段落之後，再好好思考要做出什麼樣的作品。
關於創作上的反思：起點
這次上架只能算是一個實驗，比起班上有程式基礎的同學而言，自認在技術上、藝術價值與論述不夠，希望先透過 p5.js 語法學習，邊累積靈感。
讀那麼多，都不如開始動手做。過程中一定會發生很多問題，但也能更了解區塊鏈的世界是怎麼運行的，總比聽別人講跟看一堆書更有感覺跟概念。
學習資源整理
p5.js
- Hahow 課程 — 互動藝術程式創作入門
- 互動程式創作台灣站
- 入門資源
fxhash tutorial
- 手把手教學 從 Git 安裝到上架
- No Code (PFP 製作)
- fxhash boilerplate
神人網友把程式寫好，幫你打包成 fxhash 會收的格式 - 加入 fxhash 官方 Discord
可在上面詢問相關技術問題，上頭會有開發者解答
NFT Market Place 整理
NFT 10 大交易平台整理
以上就是今天的小分享，希望透過這個經驗分享，可以幫助到需要的人！
如果喜歡這篇的話，請拍拍手鼓勵我👏
若有錯誤也歡迎來信指正討論，一起學習！下次再見囉～～～Feel free to reach out!
fantasynovel@gmail.com
