Minting Generative (HTML) 721s with unique preview images

Hello!

Wondering if there are any examples of generative mints on Manifold contracts that are HTML (javascript - p5.js or three.js) based, that also created a unique preview JPG asset which got uploaded to arweave and attached to metadata as the image (while the HTML itself at animation_url) at the time of mint. ArtBlocks-style.

I did review the Mint HTML Article, which is definitely helpful for anyone reading this thread, but doesn’t cover everything.

In theory I’m able to set a randomSeed that is based on the tokenId/transaction hash. This could simply be a query string as part of the animation_url. Perhaps the simplest solution is just a CSV of pre-prepared metadata? The only downside is there would never be truly random outputs, and couldn’t be open edition.

I do feel like this is possible with Extensions, but I didn’t find an example. Let me know if I overlooked. Would want to host the entire mint on Manifold as well, in case that creates any other caveats.

Thanks in advance for any pointers/ideas!

Wondering if there are any examples of generative mints on Manifold contracts that are HTML (javascript - p5.js or three.js) based, that also created a unique preview JPG asset which got uploaded to arweave and attached to metadata as the image (while the HTML itself at animation_url) at the time of mint. ArtBlocks-style.

Hello! Does this thread answer your question?

related, but my question isn’t about how to display the HTML properly, it’s more about setting randomSeeds that are applied to each unique mint.

have been playing around and think I have a solution where it is a capped edition and I am manually defining the arweave URLs pointing to specific HTML uploaded endpoints. This can work, it just means it’s not truly randomized outputs generated at mint (I will curate them) and also it has to be a capped edition size.

works for now, but would love to know if any updates are coming to enable a more generative process.

FTR - Highlight does have some robust tools that enable artblocks-style drops: GitHub - highlightxyz/generative-art, that are a bit clunky but do work –

Ofc I’m trying to be a manifold maxi :wink: