How to make NFT Art with On-Chain Metadata | FULL HARDHART / JS TUTORIAL! (w/ Polygon & Opensea)
We explore the world of using SVGs to generate random NFT ImageURIs and Metadata 100% on-chain. In combination with Chainlink VRF to create randomness and true scarcity. We use Hardhat, Javascript, and Solidity. These customized smart contracts were deployed to the Polygon chain, so you can see exactly how we did this! 💻💻💻💻💻💻 Code: https://ift.tt/3142J4T 💻💻💻💻💻💻 ⛵️Opensea Example on Polygon: https://ift.tt/30YYY0p 0:00 | Intro 3:08 | Quickstart & Install Requirements 9:52 | View Static SVG Deployed NFT on Opensea 12:15 | View RandomSVG on Opensea 13:18 | Static SVG NFT Setup 16:25 | SVGNFT.sol & OpenZeppelin 21:19 | Creating an NFT and SVG Intro 28:10 | svgToImageURI (Base64 Encoding) 35:35 | formatTokenURI 44:10 | 01_deploy_svgnft.js 1:03:13 | Deploying to Rinkeby Testnet 1:14:50 | Viewing on Opensea ⛵️⛵️⛵️⛵️⛵️⛵️⛵️⛵️⛵️⛵️⛵️ 1:16:00 | How can we make this WAY better? 🎲🎲🎲🎲🎲🎲🎲🎲🎲🎲🎲 1:18:32 | RandomSVG.sol 1:20:05 | Gameplan for Random SVGs 1:22:25 | Create Function & Chainlink VRF 1:38:40 | FulfillRandomness 1:43:00 | finishMint 1:49:29 | generateSvg 2:04:30 | generatePath 2:08:45 | generatePathCommand 2:12:35 | Grabbing the final functions 2:14:30 | 02_deploy_randomSVG.js 2:18:00 | Mocking Contracts 2:28:00 | Finishing the script 2:51:21 | Deploying to Rinkeby (& Opensea) ⬆️⬆️⬆️Level up AGAIN??⬆️⬆️⬆️ We also talk about minting 10,000! 2:55:15 | Deploy to Polygon Mainnet & Set Price 3:09:00 | End ❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️ Inspiration: 👨🎤Onii-Chain: https://ift.tt/3E2aoPu 🐶nft-mix: https://ift.tt/3jJnmKu 🤺D&D Truffle: https://ift.tt/3kxnStT Helpful Links: 💰Metamask Setup: https://www.youtube.com/watch?v=4ZgFijd02Jo 🎨SVG Tutorial: https://ift.tt/3lo81jO 🔵Link Token Contracts (and faucets): https://ift.tt/3yeVl28 🧪Alchemy: https://ift.tt/3eDhIWh 🎲Chainlink VRF: https://ift.tt/3p5lk8R 🪄uint2string: https://ift.tt/3157USk Requirements: 🤢NodeJS: https://nodejs.org/en/ 🧶Yarn: https://yarnpkg.com/ 👷♂️Hardhat: https://ift.tt/3eAJdkD ⌨️Git: https://ift.tt/1HjshUD 🦊Metamask: https://metamask.io/ ✅✅ Donate ✅✅ I use donated funds to spend money on making fun & informational videos. ETH Wallet address: 0x9680201d9c93d65a3603d2088d125e955c73BD65 😸😸Join the community!😸😸 Chainlink developers discord: https://ift.tt/3lbLO7m Twitter: https://twitter.com/patrickalphac Medium: https://ift.tt/2XEDZuN Twitch Stream Uploads: https://www.youtube.com/channel/UCMHHNgcezTnfrJUM1vIiZlQ Twitch: https://ift.tt/3ldpwCv All thoughts and opinions are my own.
via YouTube https://www.youtube.com/watch?v=9oERTH9Bkw0
We explore the world of using SVGs to generate random NFT ImageURIs and Metadata 100% on-chain. In combination with Chainlink VRF to create randomness and true scarcity. We use Hardhat, Javascript, and Solidity. These customized smart contracts were deployed to the Polygon chain, so you can see exactly how we did this! 💻💻💻💻💻💻 Code: https://ift.tt/3142J4T 💻💻💻💻💻💻 ⛵️Opensea Example on Polygon: https://ift.tt/30YYY0p 0:00 | Intro 3:08 | Quickstart & Install Requirements 9:52 | View Static SVG Deployed NFT on Opensea 12:15 | View RandomSVG on Opensea 13:18 | Static SVG NFT Setup 16:25 | SVGNFT.sol & OpenZeppelin 21:19 | Creating an NFT and SVG Intro 28:10 | svgToImageURI (Base64 Encoding) 35:35 | formatTokenURI 44:10 | 01_deploy_svgnft.js 1:03:13 | Deploying to Rinkeby Testnet 1:14:50 | Viewing on Opensea ⛵️⛵️⛵️⛵️⛵️⛵️⛵️⛵️⛵️⛵️⛵️ 1:16:00 | How can we make this WAY better? 🎲🎲🎲🎲🎲🎲🎲🎲🎲🎲🎲 1:18:32 | RandomSVG.sol 1:20:05 | Gameplan for Random SVGs 1:22:25 | Create Function & Chainlink VRF 1:38:40 | FulfillRandomness 1:43:00 | finishMint 1:49:29 | generateSvg 2:04:30 | generatePath 2:08:45 | generatePathCommand 2:12:35 | Grabbing the final functions 2:14:30 | 02_deploy_randomSVG.js 2:18:00 | Mocking Contracts 2:28:00 | Finishing the script 2:51:21 | Deploying to Rinkeby (& Opensea) ⬆️⬆️⬆️Level up AGAIN??⬆️⬆️⬆️ We also talk about minting 10,000! 2:55:15 | Deploy to Polygon Mainnet & Set Price 3:09:00 | End ❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️❇️ Inspiration: 👨🎤Onii-Chain: https://ift.tt/3E2aoPu 🐶nft-mix: https://ift.tt/3jJnmKu 🤺D&D Truffle: https://ift.tt/3kxnStT Helpful Links: 💰Metamask Setup: https://www.youtube.com/watch?v=4ZgFijd02Jo 🎨SVG Tutorial: https://ift.tt/3lo81jO 🔵Link Token Contracts (and faucets): https://ift.tt/3yeVl28 🧪Alchemy: https://ift.tt/3eDhIWh 🎲Chainlink VRF: https://ift.tt/3p5lk8R 🪄uint2string: https://ift.tt/3157USk Requirements: 🤢NodeJS: https://nodejs.org/en/ 🧶Yarn: https://yarnpkg.com/ 👷♂️Hardhat: https://ift.tt/3eAJdkD ⌨️Git: https://ift.tt/1HjshUD 🦊Metamask: https://metamask.io/ ✅✅ Donate ✅✅ I use donated funds to spend money on making fun & informational videos. ETH Wallet address: 0x9680201d9c93d65a3603d2088d125e955c73BD65 😸😸Join the community!😸😸 Chainlink developers discord: https://ift.tt/3lbLO7m Twitter: https://twitter.com/patrickalphac Medium: https://ift.tt/2XEDZuN Twitch Stream Uploads: https://www.youtube.com/channel/UCMHHNgcezTnfrJUM1vIiZlQ Twitch: https://ift.tt/3ldpwCv All thoughts and opinions are my own.
via YouTube https://www.youtube.com/watch?v=9oERTH9Bkw0
Comments
Post a Comment