Untitledtoken Artwork
Technical Summary
The Untitledtoken project is a PRNG based and evolving interactive generative art project driven by blockchain data.
Untitled Token - Interactive NFT live demo
Refresh to explore collection
Choose interactivity and click on NFT to play with shapes
All these interative features will be avaliable on your OpenSea as well.
Generation
Each artwork is deterministically generated using a base-16 input hash with the length of 40 characters. The hash is then parsed as an integer and then used as a seed for the PRNG algorithm. LCG algorithm is used. Firstly, multiple traits of the NFT (3 to be exact) are generated. These properties control the generation of the artwork and introduce rarity. Each of the properties has a specific chance of being active:
These are the values which the NFT keeps during the whole span of its evolution. They are included in the metadata JSON. The JSON follows the Opensea JSON Standard and includes a link to both a static image and interactive HTML.
- TRAIT
- NOTE
- POSSIBLE VALUES
- PROBABILITY
- Maximalist Layout
- Many different shapes get used during the generation of the grid.
- True / False
- 20
- Minimalist Layout
- Only a small number of shapes gets used during the generation of the grid.
- True / False
- 20
- Semi-Wireframe
- Randomly selected tiles are wireframe.
- True / False
- 10
- Full Wireframe
- All tiles are wireframe.
- True / False
- 10
- Color
- The color of the artwork is randomized.
- True / False
- 15
- Inverted
- All color of the artwork (including background) is inverted.
- True / False
- 50
- Monochrome
- Color palette of the artwork is monochrome.
- True / False
- 5
- Asymmetrical
- One of the tiles gets enlarged to have double or triple the side length of the other tiles. The size of this tile depends on the whole grid size. The tile has these sizes:
2x2 for grids of size 3 and 4;
3x3 for grids larger than 4. - True / False
- 35
- Interactivity
- Rotation, Color Invert, Wireframe, Shuffle, Drag & Drop
- True / False
- 100
Blockchain data interpretation
The artwork is able to “evolve” after being transferred from one owner to another. Be that both by being sold or being transferred. The smart contract in place keeps track of the previous owners of the NFT.
For communication with the contract a simple library, called MW3.js, has been written, which utilizes web3.js to simplify the process. The properties which evolve include:
The artwork’s colors are derived from minter’s wallet address, perfectly calibrating on mint.
BLOCKCHAIN VALUE: Minter wallet addressWith a combination of 6 intricate styles and 150 different shapes, there are 900 unique hand-drawn and coded shapes to discover for yourself.
BLOCKCHAIN VALUE: Mint block numberEvery new artwork can have anywhere from 2 to 100 uniquely generated combinations.
BLOCKCHAIN VALUE: Number of transactions madeThe interaction possible with the NFT. These include: Drag & Drop; Rotate; Toggle Wireframe; Invert Colors and Shuffle. The tool used evolves indefinitely.
BLOCKCHAIN VALUE: Number of previous ownersRendering
The whole artwork is a grid of size between 2x2 up to 8x8 (arbitrary units). The grid starts at 2x2. The grid consists of tiles. Tiles have dimensions of 1 unit by default. If the artwork has the asymmetrical trait, one larger tile is placed in. This
tile has dimensions of 2 units between grid sizes from 3x3 to 4x4 and 3 units between grid sizes 5x5 and up.
The tiles are placed on a background of a single color. This color is white by default, but the random BG color allows it to be any randomized RGB color if active. All of the tile colors come from the palette mentioned
before. This palette can also be used to generate a monochrome version if the monochrome trait is active. All the colors on the page can be inverted using the randomized invert tool or by having the inverted trait.
Each tile can also be in a wireframe state, which means that just the outlines of the tile are drawn, and the infill is transparent. The full wireframe trait sets all the tiles to be in the wireframe state. The semi-wireframe
trait picks random tiles to be wireframed. If the user has the toggle wireframe tool, a can click on any tile toggles its wireframe on the HTML page.
The whole grid contains only a set amount of different tile designs from the same style. The amount is 5-10 by default, 1-3 if the minimalist layout trait is active or the amount is not limited if the maximalist layout trait is active.
The whole grid then places each of the tiles into the HTML as SVGs of the site and afterwards handles all inputs from the user. P5.js is used the setup the grid and the dom-to-image.js library is used for creating
the static image (PNG) of the HTML render. All of the code is wrapped in a self-calling anonymous function to make sure none of the objects are in the global scope and this function only allows minimal interaction from the
web console.
FAQ
01. HOW MANY UNTITLED TOKENS CAN I MINT?
As many as you wish, as long as you have enough ETH.
02. HOW DO THE INTERACTIVE PARTS WORK?
With every mint or transaction, your Untitled Token NFT comes with a randomized shuffle of dynamic, interactive features – rotate and shuffle, invert and color changes, drag and drop, and wireframes. Pretty cool, right?
03. WILL I BECOME A CO-CREATOR OF MY NFT?
As Untitled Token NFT is a collective and collaborative art process, you will definitely be part of it. All minters will be founders of DAO.
04. WHAT VARIABLES ARE DEFINED BY THE WALLET DATA?
Your crypto wallet ID, each transactional block number and time stamp, individual wallet balances and dynamics, and much more to influence every dynamic art piece.