ðŸŽēGenerative Art

A new era for KodaDot just started, as we are now supporting generative art. The First step was done, and we will continue with our efforts to make the experience even better for artists.

What is generative art?

Generative art is a creative process where artists use computer programs or algorithms to produce artwork. The artist first defines rules and parameters that guide the computer in generating the art. These rules can include mathematical equations, randomness, or even data from the environment.

The beauty of this art lies in its ability to produce unexpected and evolving creations, as the computer can generate countless variations based on the initial instructions. It's a blend of human creativity and machine execution, offering new possibilities for artistic expression.

Collaboration with KodaDot

We are more than happy to support artists. We can offer a package of benefits that will help promote your art, get you a new audience, and expose your art to more collectors. We organized several successful exhibitions around the world, and we continue with our efforts.

Please read this document carefully 🚀

Keep in Mind:

  1. The same hash produces the same output

  2. Different screen resolution produces the same art

  3. With different hashes, art has enough entropy - there are enough variations

  4. Art should listen to the changes in screen resolutions

Specs of the code

  • P5js is supported very well

  • WebGL not supported

  • Your code works on low-performance machines and doesn't require heavy computing.

  • Load fast - if it's working slowly, it breaks joy from art (fast art) - load time under 3 seconds.

  • Animated NFTs are supported. The animation should be quick and smooth.

  • The payload for clients should not be big.

  • Art must utilize viewport size (smaller value from width and height).

  • Just to let you know, 600x600 px versions of your art pieces will be used for the "screenshot" for the preview.

  • The collection should have enough entropy to avoid collisions of the same pictures in bigger-sized editions.

  • For testing, deliver the p5js playground URL (https://editor.p5js.org) - that is the best option for us. Zip files can be tested in code-checker

  • Art: 1x1: Square shape

  • Art code should not be minified - written as a "string" of code.

What format does KodaDot support?

The file should be in HTML/JS/CSS, and it needs to accept a URL parameter called hash. Each hash should be able to change your art.

Example: https://image.w.kodadot.xyz/ipfs/bafybeigsw7gagsmvxxivt5kvrl6ueld7yszzef2aylxbzzafez6ybxscca/?hash=0x175adf5fc058830a6319b8238ecc911db6e1b8dd40965629b5f0c5bee655598c

In this case, our hash is: 0x175adf5fc058830a6319b8238ecc911db6e1b8dd40965629b5f0c5bee655598c

Example 2:

The first generative art collection we minted on KodaDot used classical html/css/js + p5.js" basically the simple template. The collection is here.

Differences between us and fxhash

We are working on the direct support of fxhash, but for now, there are some limitations:

  1. The URL param is hash and not fxhash

  2. The hash format is a hash from a user-generated address - (Polkadot addresses have 15 000 combinations per address)

  3. We can support both ss58 format (same as fxhash) or the hex format

Supported hash formats

  • ss58 examples:

    • hGCkbgsGatN2yG8E6DX844yNHbamg2pCjWyFkn3MJxWdL4HE

    • EouXhZhDCHJqkEfr15DnkrgVrxwTkuRPBfid1oTioJhQpE1

  • Hex format examples: hex hashes have a length of 66 characters (0x + 64 letters)

    • 0x75f431014e6e0e1ca79360f2b21b855c20d3026a82a9d63af2ebd1f671359c7a

    • 0x34a30d72b558863e4b33217a62b1f8aa26535b341b93ba235f42929730c95b9b

Important documentation

These two things should be able to assist you during your process of creation:

  • Template

  • Code Checker

1) Template

Here is a template where you can find all the information about the code you need. Please read on before you start coding: https://github.com/vikiival/kodahash.

Some things we require to be included in the code like:

  • createCanvas();

  • getURLParams

  • postMessageKoda

How to include them is written in the template mentioned above. Pls, read it carefully.

2) Code Checker

Once your art code is ready and adjusted for KodaDot's needs, you can test the code in our new Code Checker. Please open the page below in the new tab to learn how to use it.

3) Submission of your code

Before you submit the art, follow these steps:

  • Please run the art via the code-checker mentioned above and report the status together with the code. The code needs to pass! (Take a screenshot for us)

  • Have the name and description for the collection ready (the name of the collection should be short - only one word as it looks much better on the UI)

  • Let us know what name (artistic name) you want to be referred to in the collection.

4) Preparation for your drop

We prepared a short list of tips you should be able to follow to make your drop even more successful. Take your time and read it.

Not sure if your art will be supported?

Please message us on Telegram or connect with Luuu! We will happily help you to test it.


As we are still in the first phase of generative minting, it's possible to have only a dedicated drop page for now. Your minting drop page can look like this:

Buyers can generate new NFTs under the picture and choose the one they like. We can set a limit on the total available items. Minting can be free or for tokens. We can also add time, minting phases, and allowlists - everything is possible. We have been experimenting with adding also conditions such as people needing to have funds in wallets, people needing to be owners of another drop.. etc.

Interested to have your drop on KodaDot?

Creating this drop page is, at the moment, not available. The option to create it on your own is closed. But soon, it should be available to anyone who decides to do it. For now, if you are interested, write us on Telegram. Also, you can connect with our Head of Artist Relations, Luuu.

We are looking for thrilling art and reserve the right to reject art anywhere in the procedure.

What's next?

The next step will be an option for you to do the whole minting process yourself - we will add a testing environment where you will be able to see what your file will look like. In the pipeline, we have more features like offers, phygitals. we will also be improving the UI. Expect these changes very soon. Stay with us because this is just the beginning.

Last updated


Feel Free Fork Us @ 2023