DEV Community

Dr Abstract
Dr Abstract

Posted on

Creating Interactive NFTs

Image description

I have made TWENTY interactive NFTs in two months and made $2000 from them! Here is the information:

https://zimjs.com/nft

This uses the ZIM JavaScript Canvas to code creativity.

https://zimjs.com

The reason we did this is not to make money but to show you that you can make interactive NFTs with ZIM.

For instance, here is the code to make an interactive puzzle in ZIM:

const scaling = FIT; 
const w = 1000;
const h = 1000;
const color = darker;
const outerColor = darker;
const pic = "danzen_0000.jpg";
const path = "assets/";

var frame = new Frame(scaling, w, h, color, outerColor, pic, path);
frame.on("ready", () => {

    const num = 4;    
    const t = chop(asset(pic), num, num);
    const s = new Scrambler(t).center();
    s.scramble(2,0,4); // time, wait, num
    s.on("complete", () => {
        // show and animate final picture
        asset(pic).centerReg().animate({
            props:{scale:1.3},
            rewind:true,
            time:.2,
            loopCount:2,
            call:a=>{a.removeFrom();}
        })
        s.scramble(2,3,4);
    });

}); 
Enter fullscreen mode Exit fullscreen mode

These are selling quickly and are up for resale at 60 Tez which is approximately $400.

https://www.hicetnunc.xyz/objkt/466071

Image description

Now, I would rather you not flood the market with such puzzles as I am doing that! But we have made all sorts of wonderful gadgets and if you want to as well, please see:

https://zimjs.com/gadgetminters

Image description

All the best, and we are happy to discuss further at:

https://zimjs.com/discord
https://zimjs.com/slack

Image description

Top comments (0)