unbanksytv / thirdweb-art-engine-main

The thirdweb Art Engine

The forked version of HashLips Art Engine (v1.1.2-patch-6) with better features and compatibility with thirdweb.

⚡ Instant Setup

Let's get started with the instant setup and build. Proceed to the requirements below.

📋 Requirements

• A GitHub Account.
• A Gitpod Account. (sign up with GitHub)
• Image layers for your NFTs.

🤔 What's New

These are the few important improvements to the forked version of art engine that will work 100% with thirdweb NFT project deployments.

✅ New Script Command

New script command for common art engine utilities.

📜 Preview GIF

Before: $ yarn preview_gif Now: $ yarn preview:gif

📜 Update Info

Before: $ yarn update_info Now: $ yarn meta:update

✅ Upload Images to IPFS

You can now upload your generated image assets directly to IPFS and add your CID directly to your existing metadata. So all you have to do is to upload your _metadata.json file to the thirdweb dashboard. That's it! (25GB Upload Limit Size)

yarn thirdweb:upload

✅ Generate thirdweb Folder

You can now generate a folder where you can use to drag and drop it to the thirdweb dashboard. You can only run this after you generated your arts using yarn build or yarn generate command. Use the command below to generate a folder for you prepare to use in thirdweb dashboard.

yarn thirdweb

or

yarn thirdweb:prepare

If you want to generate the art and create a folder for thirdweb at the same time follow the command below.

yarn generate && yarn thirdweb

Why not add this to script command? For some reason it is not working on my end, need to update this and bind it on the yarn generate script. For now, you can use the command above. ✌️

✅ Start Count From

You can define your own start count upon generation. Default count is 0. This is to match the default minting token ID with thirdweb.

By default it is 0.

const startCountFrom = 0;

✅ Local File Mapping

You can define your own file mapping, you can choose between local file mapping or use the existing pre-uploaded file on IPFS. Make sure to make the hasBaseUri to true so that the engine will use the defined baseUri in the config file.

By default it is false.

const hasBaseUri = false;
const baseUri = "ipfs://cid-here";

If set to false the output would be...

"image": "0.png",

If set to true the output would be...

"image": "ipfs://<cid-here>/0.png",

✅ Case Sensitivity

Use only this option if you want to make your layer image filename to case sensitive as trait value or case insentive and make your layer image filename to capitalize instead. By default, set to false.

const isLayerNameFileNameAsIs = false;

Case Sensitive Example

input: "AWESOME#1.png" as layer image filename. output: "AWESOME" as trait value.

Case Insensitive Example

input: "AWESOME#1.png" as layer image filename. output: "Awesome" as trait value.

✅ Reset Build/Generation

Added the script command to reset the tool. It removes only the build and temp folders.

yarn reset

✅ NFT Dummy Assets

New NFT dummy assets to play with, you can use my NFT dummy assets here.

🐛 Issues

If you're facing a problem in using The thirdweb Art Engine please let me know by creating an issue here or joining the official thirdweb discord server and mention me there. I'm here to help you!

📋 Code of Conduct

Read the project's code of conduct.

📃 License

The thirdweb Art Engine is licensed under The MIT License.

🍀 Sponsor

Love what I do? Send me some love or coffee!? 💖☕

Can't send love or coffees? 😥 Nominate me for a GitHub Star instead! Your support will help me to continue working on open-source projects like this. 🙏😇

📝 Author

The thirdweb Art Engine is forked and maintained by Waren Gonzaga, with the help of awesome contributors.

---

💻💖☕ by Waren Gonzaga | He is Awesome 🙏