Maks (@oksemak) header
Maks (@oksemak) profile picture

Maks

@oksemak

design engineer @stripe | part of @okaydevs making artsy stuff with techy things | 🇸🇮🇬🇧

 Bristol, England
Joined July 2020
  • Tweets337
  • Following479
  • Followers599
35Media
Photo by Maks (@oksemak)Photo by Maks (@oksemak)Photo by Maks (@oksemak)Photo by Maks (@oksemak)Photo by Maks (@oksemak)Photo by Maks (@oksemak)Photo by Maks (@oksemak)Photo by Maks (@oksemak)Photo by Maks (@oksemak)Photo by Maks (@oksemak)
I found some time to wrap up my interactive water experiment. It changed a fair bit since last time, with quite a few new additions. Try it for yourself on our @uns__nstudio labs page. ⤷ unseen.co/labs/interactive-w… 🌊 #webgl #threejs
Maks (@oksemak) profile pictureMaks@oksemak7 Jan 2025
New year update on the water project: Since I got the objects driving the fluid, I also wanted them to be affected by it and keep the draggable functionality. Which meant that I needed to know the position of the objects in JS whilst updating them in the shader…how? Thread👇
2
7
117
10,162
Our latest work for Hubtown is now live! Explore the immersive experience for one of India's leading real estate developers. ⤷ hubtown.co.in/
8
22
248
15,399
RT @uns__nstudio: We’ve been nominated for @awwwards Agency of the Year! Honoured to be among such a talented lineup. Good luck to everyone…
1
45
In today’s behind-the-scenes, @uns__nstudio shares how a simple idea grew from concept and visuals into a playful experiment built with Rapier and Three.js: tympanus.net/codrops/2025/09…
1
7
73
6,314
We decided to open up the GUI on our recent cellular particles demo so you can have a play around with different colourways 🎨 Have a go → unseen.co/labs/cellular/?gui #webgl #realtime #threejs #particles
4
7
1
138
6,600
We’re incredibly excited to announce the launch of our latest production!🍷 ⤷ symphonyofvines.com The Symphony Of Vines is an interactive cinematic journey that pushes the boundaries of digital brand storytelling. Traverse the millennia and discover the elemental forces that crafted Bordeaux's unique terroir. #webgl #threejs #wine #WebDev
16
44
11
316
34,907
Our classic move - fluid and particles. A bit different this time, though equally satisfying and fun. The colour choices for this one were mad, there could be 10 different versions 🌈
Unseen Studio® (@uns__nstudio) profile pictureUnseen Studio®
@uns__nstudio21 May 2025
[LIVE DEMO] Check out our latest WebGL demo, exploring a fluid cellular particle effect. Full write up and details of what's going on under the hood coming soon 🔍 Live → unseen.co/labs/cellular/ #webgl #realtime #threejs
4
52
1,675
New work for @KlookTravel 🧳✈️ We partnered with Klook to create an interactive quiz that reveals your travel archetype. Take the quiz and discover 'The Best You' 👇
4
17
2
155
9,572
Water sims, particles and unicorns – what's not to love? 🦄🌊 Check out @zalashub's latest WebGL experiment! ⤷ unseen.co/labs/interactive-w… #webgl #theejs #realtime @threejs
3
17
175
8,657
😉 my brain = particles
Unseen Studio® (@uns__nstudio) profile pictureUnseen Studio®
@uns__nstudio13 Mar 2025
We heard you like particles, so here's a little WIP from a real-time WebGL particle sim we've been working on. Full project launching soon 👀
35
1,323
Replying to @oksemak @uns__nstudio
This started as an attempt to (re)create something in WebGL that was inspired by a specific game dev scene. It started with this reference from @TheMirzaBeig and then making it in my own style. Really cool stuff nitter.cf/TheMirzaBeig/status/18…
Mirza Beig (@TheMirzaBeig) profile pictureMirza Beig
@TheMirzaBeig22 Nov 2024
Another year! 🎉 My experience so far... 11 years of #Unity3D. 13 years of #RealtimeVFX. 14 years of #GameDev. 16+ years of programming, #Photoshop (Graphics Design), #AfterEffects (Motion Graphics), and audio production. Through the years: HTML 4, ActionScript 2/3, PS, Vegas, ACID, AE, Visual Basic, C/C++, FL Studio, GLSL/HLSL, Unity + C#, Python, etc... My *other* (non-dev/media) interests that I study: religion, philosophy/logic, and biology. I've also worked in medical, healthcare and adjacent for ~6 years (less or more, depending on definitions + reference frame). Things I'm not so great at: > 3D modelling and cooking. 🥲
5
454
New year update on the water project: Since I got the objects driving the fluid, I also wanted them to be affected by it and keep the draggable functionality. Which meant that I needed to know the position of the objects in JS whilst updating them in the shader…how? Thread👇
3
16
2
211
23,472
GPU picking! I create a tiny 1px render target and render only the pixel under the mouse. With each object having its own colour/id, when we ‘read’ the texture in JS, we know what object is hovered. & Voila! This #threejs example demonstrates it nicely. threejs.org/examples/webgl_i…
three.js webgl - interactive cubes (gpu)

three.js webgl - interactive cubes (gpu)

threejs.org
1
9
597
This way I can select the objects in javascript, move an arbitrary object with transform controls and copy that to the position shader. I also made sure the particles stay where they are when moved by the fluid and added the inside of the pool, projecting it on the water plane.
1
3
532
Water project cont. Movement of the objects → optical flow → add to the forces driving the fluid simulation. Now you got yourself a pretty cool interactive surface. Oh, and some sparkle on the particles. More details in the thread 👇 (beware: lots and lots of render targets)
3
21
230
10,593
more replies
Then, I do steps involved with optical flow for each of those frames. This effectively creates a velocity texture which we can read in the fluid simulation and add it to its velocity. And that's it!
2
3
514
This means I can use virtually any shape to drive the fluid sim. Why not something with a distinct shape...like a plane
1
10
503
Day 256 of fluids, now on a mesh w/ raycasting. Added objects and calculated intersections after fluid displacement, using depth maps just like in games. Next up: driving the fluid sim with object movement. Winter holidays time means experiments @ @uns__nstudio #threejs #webgl
7
4
2
98
6,297
It's been a busy few months! Take a look at we've been up to in the latest edition of our Studio Spotlight🔦 ⤷ unread.unseen.co/studio-spot…
Image from Unseen Studio® (@uns__nstudio)
Image from Unseen Studio® (@uns__nstudio)
Image from Unseen Studio® (@uns__nstudio)
5
40
4,084
Load more