The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Revisiting Interaction Systems: Procedural Grass with WebGPU & Three.js I've been deep-diving into high-performance interaction layers lately, and here's one outcome: a procedural grass simulation running 50,000+ interactive instances at buttery-smooth FPS.
Built with Three.js + WebGPU Compute Shaders — full GPU-driven instancing, dynamic wind/response to cursor/scroll, and zero compromise on performance.
Live interactive demo here: https://penev.tech/labs/grass
This is the kind of production-ready tech I bring to creative web projects — whether it's scroll-triggered 3D, layout-driven effects, or blending WebGL/WebGPU into seamless experiences.
Open for collaborations, consulting, or full engineering roles.
#ThreeJS #WebGPU #WebGL #CreativeDev #InteractiveWeb #MotionDesign
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Galaxy Generator! 🌌
Made with Three.js
You can tweak a lot of things here: https://galaxy-generator-sandy-ten.vercel.app
Very satisfying visuals.
Curious — are you using custom shaders or tweaking standard materials?
• The goal was not to make it fancy.
It was to make the search useful. Students need quick means to find a conversation without distracting their learning.
• For this MVP, I focused on simplicity.
Clean interface, clear message hierarchy, and minimal friction to start a conversation. No unnecessary features yet, just the core interaction working properly.
• I paid attention to the small details.
Input behaviour, timestamps, empty states, and how responses appear. Chat is less about visuals and more about flow and timing.
• What worked?
The interaction feels direct and distraction-free.
• What’s next?
Exploring message states, smart prompts, and possibly structured replies once we validate usage.
It’s still early, but direction > perfection.
Chat design experiences, what do you prioritize first:
Speed, Clarity, or Engagement?
Love this approach 👌 Simplicity is so underrated in MVPs. What was the hardest part to simplify?
Goal: simulate depth and responsiveness.
Built aninteractive web prototype in Unicorn Studio using a tracking effect in under an hour.
Clients can’t feel static.
Proto link:
🔗https://www.unicorn.studio/embed/SKkxRlFUMhopH6eoieud
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
aivideo
AI video tools are moving at warp speed. What tools are you using?
whennotai
As AI accelerates, creative judgment matters more. What part of your work stays human?