Making Interactive NFTs - #01 - AIR BALLS

Welcome to a new series called Making Interactive NFTs. We have made dozens of interactive NFTs on the Tezos blockchain on Teia (from hic et nunc) and (fx)hash. (These could be moved to Ethereum with BeyondNFT.) The interactive NFTs are made with the ZIM JavaScript Canvas Framework at zimjs.com. You can read about NFTs and minting for Teia and (fx)hash at zimjs.com/nft including articles, videos and templates.
In this episode we look at making AIR BALLS which can be found at teia.art/DrAbstract.
The series will take you through the JavaScript code for the NFTs. You can see the zimjs.com/learn section for more about ZIM to code creativity! Note the ZIM Basics video series there too. All the best, and please join us at zimjs.com/discord or forum.zimjs.com for questions and community!
00:00 start how to move circles by cam example video • ZIM CamMotion - motion...
01:00 example you can find on teia.art/objkt/629326
07:00 new CamAsk() implemented because needed for iOS
08:00 explaining ZIM code is for the html canvas STYLE
08:20 ZIM DOCS STYLE zimjs.com/docs.html?item=STYLE
09:37 new Pane() zimjs.com/docs.html?item=Pane group with ZIM DUO technique
12:10 new CamAsk()
12:30 scripts are now possible with type = module
16:36 if (yes) do a function
16:40 new CamMotion() capture your body that moves zimjs.com/docs.html?item=CamM...
16:52 examples of AIRballs teia.art/objkt/629326
17:25 CamMotion parameter VisualizerObject and more
18:20 ZIM version VEE (5) values makes ZIM powerful for example random and min:,max values
20:10 color array with "htmlcolorname" between brackets possible
21:40 add title new Label("airballs")
22:00 FULL mode makes the cam over the full width and height of the browser
23:18 FIT mode on a fixed size of the app
24:25 title set on the frame FULL left top
25:40 difference between var (variable) const (constant) let (let's make a name for the object)
28:00 sca(le) alp(ha) .ble(nd) modes examples on zimjs.com/docs.html?item=ble
28:11 .change() method to turn off
30;00 you can choose for the name slider or e.target when the event is set
30:50 .wire() is also possible zimjs.com/docs.html?item=wire
31:40 new version of ZIM ZIM 014 zimjs.com/zim
33:06 version ZIM CAT zimjs.com/cat/wire connects components values
34:07 example slider that wires the alpha
34:50 other NFT examples on zimjs.com/examples.html#nft

[@alsara2k]

Had no clue this existed, fascinating!

[@ZIMLEARN]

The links we mentioned in the video are all available at the zimjs.com/nft link. Scroll down and you will see them there! Cheers.

[@salomeshunamon4737]

What do you suggest now that HEN is having issues?

[@ZIMLEARN]

Hi Salome - teia.art/DrAbstract is where I have been making interactive NFTs and then www.fxhash.xyz/u/DrAbstract for generative art NFTs. All the best! Thanks for the comment and any more questions, come on in to zimjs.com/discord or zimjs.com/slack and talk in the NFT channel!! Cheers.