How to publish Your Shader on the blockchain — V Hackathon Tutorial [extended until 22 May]

Your Shader is ready, but now you need to upload it to the blockchain? Learn how!

The Hackathon is extended until 22 May!

In this guide, you’ll learn how to create and deploy your Shader using Rust, WebAssembly, and our dedicated Github repository. We’ll walk through shader creation, building, optimizing the final output, and uploading it to the marketplace.

This tutorial is part of the V Shader Hackathon — an online challenge for developers to build original Shaders and publish them on the V Systems blockchain as NFT collectibles. Running until 22 May [extended].

1. Clone the Repository

Start by cloning our dedicated GitHub repository.

git clone https://github.com/virtualeconomy/v-shader-hackathon
cd v-shader-hackathon

2. Create Your Shader

Inside the project, navigate to the /shaders/ directory. Edit the .frag file with your Shader code.

Customize this shader however you like! This is where your creative magic happens.

3. Install Rust Dependencies

Linux environment is expected for building process.

Build tools uses:

1. Trunk Installation instructions are here
2. wasm-strip is part of wabt toolkit, you can download from wabt releases OR here is build instruction OR you can comment out line of usage from build.sh
3. wasm-opt is part of binaryen toolkit, installation instructions here OR you can comment out line of usage from build.sh
4. sed and bash usually already installed on every linux machine

Or in case of linux simply run this to install all prerequisites

Make sure you have cargo installed.

4. Create your Build file

In the root directory of your project, create a file called build.sh:

touch build.sh
chmod +x build.sh

5. Run the Build script

Build the project and generate the dist output folder: ./build.sh

6. Zip the dist Folder

Now zip up your dist/ folder to get it ready for upload:

zip -9 -r dist.zip dist/

7. Upload to the Marketplace

Once your dist.zip is ready and under the size limit:

• Visit https://marketplace.v.systems/
• Click on “Connect Wallet”
• Create your new Titan Wallet account by following this tutorial
• Once your Titan Wallet is successfully created and you are logged in, stay in Titan Wallet and click on “Receive”

• Copy the wallet address to receive VSYS tokens and send it to us via this form. We will send you 200 VSYS tokens to start minting your Shader NFT within 1 working day.
• Once you have received your 200 VSYS, visit https://marketplace.v.systems/mint
• Click on “Mint” to upload your ZIP file
  Please note that you will first have to create a Collection before you can mint your first (Shader) NFT.
• Add a title, description, tags, and preview
• Click on “Mint” to mint your Shader into an NFT!
• Please note that it costs 101 VSYS to mint your first NFT. Please follow these instructions to create your Titan Wallet & log into the V Systems marketplace, and mint your first NFTs

8. Submit Your Project for Review

You’re almost set! Now that your Shader is built and uploaded to the blockchain, submit the project to our panel of judges for review:

1. Visit https://hackathon.v.systems/
2. Click on “Submit your Project”
3. Fill out the form and submit it
   Remember to include the Token ID of your Shader project. You can find it at the bottom of the page where your Shader is displayed.

More details: https://marketplace.v.systems/discover/nft-detail?nftTokenId=TWZ8TmaHM4ncukX6vMDrvXQ9cH7uqmq3Ccjt6WkwX

Where can I learn more about the V Hackathon?

• Official V Hackathon website
• How to join the V Hackathon
• Four theme tracks
• Step-by-step guide
• FAQ
• About the Hackathon judges
• V Hackathon on Gamedev.js

The Hackathon started on 13 April. Please visit the V Hackathon website and join our Telegram and Discord channels for more updates.

About V Systems

www.v.systems

V Systems (VSYS) is an open-source network that supports the efficient and agile development of decentralized applications. It is designed for real-world use cases, making it possible to create, send, trade, and track tangible or intangible assets in a digital form. VSYS can handle millions of transactions daily and it runs on a decentralized, open network.

Stay connected

Twitter @ VSYSCoin
Telegram @ VSYS Official Group
Medium @ V Systems
YouTube @ V Systems
Reddit @ V_SYSTEMS
Github @ V Systems

Cross-chain swap for VSYS tokens

Swap VSYS-TET tokens with Titan Wallet
V Atomic Swap for USDT-VSYS

Other useful links

VSYS Official Website
Supernode Ranklist
VSYS Blockchain Explorer
Coinmarketcap
Coingecko