V Shader Workshop — Recap
Did you miss the workshop? Here’s a recap!
Did you miss the workshop? Check out the recap slides!
Join our Telegram and Discord dedicated channels for live updates on the Hackathon, and subscribe to our newsletter!
On April 15, 2025, V Systems hosted the V Shader Workshop as part of its ongoing V Hackathon series. Featuring our guest judge Ksenia Kondrashova, this online event aimed to introduce developers and designers to the fundamentals of shader programming and its applications in web development.
If you’re looking to level up your skills, getting started with Shaders, or just know how to upload your Shader art to the blockchain, then keep reading!
The Shader Journey: From Canvas to Chain
Code Your Shader
Ksenia Kondrashova, an interactive graphics developer and one of our Hackathon judges, led the session with real-world examples of WebGL magic. She introduced Shaders as:
- 3D medical visualizations like zygotebody.com
- Data-driven visuals such as GitHub activity globes
- Interactive, immersive UIs with scroll, hover, and click-based shader interactions
- Just-for-fun shader art like the classic blobmixer
Key takeaway: Shaders aren’t just for fancy effects — they’re functional, expressive, and increasingly central in modern web design.
Tech Stack Deep Dive
- Languages: GLSL (WebGL), WGSL (WebGPU), JavaScript, Rust
- Frameworks: Three.js, react-three-fiber
- Rendering pipeline: HTML canvas → JS → GPU via WebGL
Whether you’re animating a 3D apple or faking 3D with ray marching, understanding how to pipe data (like cursor position, time, resolution) into your shader makes all the difference.
Helpful snippets & demos:
From Shader Code to NFT
Once you’ve built your shader art, the next step is about publishing it on-chain as an NFT:
- Compile to binary using V Systems’ Rust/WASM toolchain Github repository
- Mint your shader as an NFT via a one-click tool: https://marketplace.v.systems/mint
Please note that you will need VSYS token credit for this step — send us your wallet address to receive your VSYS token credit. - Submit for review at https://hackathon.v.systems/submit
It’s smooth and streamlined — your browser shader will become a permanent collectible on the blockchain!
Developer Q&A Highlights
How to mix images of different resolutions in shaders?
→ Use a noise texture with normalized UVs and dynamic scaling logic in GLSL.
Can submissions be HTML-based demos?
→ Yes, zipped HTML/JS/CSS projects running WebGL shaders are perfectly acceptable. See the tutorial.
Resources for Your Shader Journey
Whether you’re just starting out or refining advanced techniques, here’s what Ksenia recommends:
- V Hackathon website — we’ve archived some resources about Shaders, blockchain, and V Systems
- The Book of Shaders — A go-to interactive intro
- Three.js Journey — Deep dive into 3D on the web (paid, but worth it)
- WebGL Fundamentals — Core concepts explained simply
- ShaderToy — For endless inspiration and code snippets
- CodePen — Explore live shader experiments
Did you miss the workshop? Check out the recap slides!
What’s Next
- Submissions Deadline: April 26
- Review Period: April 27 — May 15
- Winner Announcement: May 16
Now’s the time to get your hands dirty with WebGL and ship some beautiful art to the chain!
Join our Telegram and Discord dedicated channels for live updates on the Hackathon, and subscribe to our newsletter!
About 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
