Minting Interactive Art NFT from Zero
Release with f(x)hash marketplace
NFT (Non-Fungible Token) is attached to the creation through blockchain technology to complete the signature of the work. It has been popular recently, it has also begun to be filled with this dazzling style, all kinds of celebrity blessings, all kinds of overnight riches, and all kinds of lecturers and celebrities turning over their books. I feel very much like the limited stamp collection that I collected when I was a child, but the authenticity of the past works of art is difficult to distinguish. However, through the technical of the blockchain, the authenticity can be verified. This article will create my interactive art through P5js, and then put it on the f(x)hash marketplace, so let’s start.
Outline
- What is NFT?
- Preparing my interactive work with P5js
- Choosing Marketplace and Wallet
- Preparing the Tezos Token
- Minting my first NFT and release with f(x)hash
- Conclusion
What is NFT?
NFT literally means “non-fungible tokens”, different from homogeneous tokens, each token has the same value, such as the current transaction US dollars or the cryptocurrency on the blockchain, Relative non-homogeneity represents the dissimilarity of each token, which is uniquely characterized by the code on the blockchain.
My interactive work with P5js
Here, we will generate dynamic art through p5js. You can imagine that it is actually painting with a program, but the input is not just a brush, it may be various things that can interact with the computer (keyboard, mouse, time), which will enrich the works. Furthermore, if you think this is very interesting, you can also participate in the interactive art course of the interactive artist, 吳哲宇. The work named “Gossiping Taiwan”. The creating thinking is simple, I imagine that the Internet is also a noising society, and the gossip culture is more serious than the face to face scenario in the anonymous world. I hope “Gossiping Taiwan” can express the noising and gossiping atmosphere.

First component is “Dialogs”, I crawled 10 articles on the famous Taiwanese forum PTT on a certain day in December and split the sentences as words with Jieba word segmentation. The next, I calculated the word frequencies and they will impact on the size of dialogs. Finally, drawing the dialogs and make them keeping popping up as picture.
Second component is “Shape of Taiwan”, I expected the dialogs will pop up from the Taiwan island shape, I draw the Taiwan island with other painting tool and import the image to the P5js.
The final component is the background. Since the white or black background is too simple to express the noising atmosphere. I draw the many mouthes and expect the background expressed the feeling of gossiping.
Choosing Marketplace

I chose to release my work on f(x)hash this time, there are multiple reasons. First, cheaper gas fee, Tezos chain is cheaper than other chains. Second, trading quantity, f(x)hash is one of the top marketplace on the Tezos chain. The last but not least, friendly to program creators, you can upload the code directly to f(x)hash, and it will preserve your interactive input which will much enrich our works. However, the small drawback is that f(x)hash is still in the Beta stage, so mint is only available for 12 hours per day.
There are many mature marketplaces on the Tezos chain currently, and many of them support the code mint NFT, but I have not explored them one by one. If you have more exploration, please leave a message and we could contrast the pros and cons between the marketplaces.
Choosing Wallet

I chose the “Kukai wallet” this time. There is no special reason, I just chose the cutest logo, but there are also many options for wallets that support Tezos token. For instance, if you used to trade with MetaMask, you should be familiar with the operation of Temple. Its UI/UX is quite similar to MetaMask, and it also provide Chrome extension. I guess there may be more support from the technical community. If you have more attempts, please leave a message with me and we could exchange the information between the different wallets.
Prepare the Tezos Tokens

There will be several steps in the process from interactive works to release on the marketplace. Let’s start the travel of minting NFT.
- Create Artworks: This part can generate art through the program mentioned above, or it can be any art format(image, picture, voice). I will demonstrate with “Gossiping Taiwan” which is introduced above.
- Prepare Tezos Tokens: In this part, you can buy XTZ Token from Binance. Currently, a token is about 3 USD. For this demonstrate, I bought 5.5 Tokens, but in reality it only takes about less than 0.1 token.
- Withdraw Tezos Tokens to Kukai Wallet: Since we will do some operation on the f(x)hash and it need to be connected to Kukai Wallet. We should withdraw the Token we just exchanged from Binance to Kukai Wallet.(Copy the wallet address from first image and paste to the Binance withdrawing target place)


Minting my first NFT and release with f(x)hash
The following process will demonstrate the process of releasing program art creation. the prerequisite is a html work. In addition, since f(x)hash is still in Beta, it only supports minting NFT 12 hours per day(when the top header bar is green, we could mint our work as NFT).

- Copy the code from the Guide to mint a Generative Token document and paste it in your html file.(The provided codes should be pasted between the head tags)

- Compress the html and all files related to the work into a Zip file.
- Upload the Zip file: just follow the UI guide and your work will be uploaded to IPFS (type of cloud disk I guess).

- Following the guide and you will mint your NFT successfully! My first NFT creation “Gossiping Taiwan” was released!

Conclusion
Thank you for your reading. We started with a brief introduction to NFT and completed the process of converting the program art work to mint as NFT. I hope this article will help you to get more information of NFT.
The article has come to an end, but our journey to explore the Metaverse has just begun. If you have any ideas for creative inspiration, questions about releasing, or any suggestions for the article, please leave a message to me, and look forward to more communicating with you.




