Pixture Traveler - NFT Game Website Tour (Testnet)
Pixture Traveler - NFT Game Website Tour (Testnet)
After being away for 3 months, I'm back with even more updates to the game Pixture Traveler than before.
This time, we'll be taking a tour of the current game website.
The focus will be on showcasing the website's theme-changing and language-switching features, as well as demonstrating the in-game chat that can connect with Discord.
We'll conclude with a demonstration of Minting NFTs through the website and linking them to Opensea.
The end of the video will show the Metadata of the NFTs, stored 100% on-chain.
However, the bad news for this project is that 'NFTs will no longer be 100% on-chain' because our game project focuses on usability and playing with NFTs, making our NFTs highly complex.
Storing data 100% on-chain incurs extremely high costs for deploying smart contracts, more than I can afford, and it's not sustainable in the long run. So, I've decided to switch to using NFT IPFS Pinata instead.
This change doesn't mean that 100% on-chain isn't good; it's just that our project is too large for 100% on-chain to support. If there is a new project in the future, I will definitely use a 100% on-chain NFT system.
[ 📘 Update List - Version 6 ]
Theme Change system
Language Change system
Discord connectivity showcase
Cross-platform chat demonstration (game-discord)
Live NFT minting process
Opensea testnet integration
On-chain metadata reveal
[ 🔗 Link ]
Discord: / discord
Opensea: https://testnets.opensea.io/collectio...
NFT Simulator: https://pixture-traveler-simulator.ve...
Whitepaper (TH): https://docs.pixturetraveler.com
[ 🤖 Stack & Tech ]
Website: NextJS & TailwindCSS (TypeScript)
Stored/Database: Zustand & Prisma & MongoDB
Web3 Integration: wagmi & viem & ethers
Realtime: socket io
Smart Contract: Hardhat (Ignition) & Solidity (pragma 0.24)
NFT on Base chain (Testnet on base sepolia)
[ Timestamp ]
0:00 Tour Menu
0:16 Theme Color
0:29 Language Change
0:45 Connect Wallet (Metamask)
1:06 Join Discord Server & Guideline
2:29 Link Wallet Address & Discord Account
2:58 In-game & Discord chat system
4:07 Traveler menu (NFT)
4:32 Dungeon menu preview
4:51 Upgrade menu preview
5:10 Shop menu preview
5:38 Mint NFT
6:15 NFT on Opensea
6:50 NFT Metadata on basescan
#pixturetraveler #trave #playtoearn #nextjs #javascript #typescript #creategame #solidity #basechain #sepolia #basesepolia #clickergame #pixelart