# Three.js - Water collision and Splashes - CyberPunk project for Threejs Conference Paris

> The Cyberpunk project just got an update! Video by Anderson Mancini about Three.js - Water collision and Splashes - CyberPunk project for Threejs Conference…

Canonical page: https://andersonmancini.dev/videos/three-js-water-collision-and-splashes-cyberpunk-project-for

Published: 2026-09-02 · Duration: 0:48 · Category: Projects · Tags: three.js, tsl, tutorial

Watch: [YouTube](https://www.youtube.com/watch?v=7S3_FCP8oww) · [Subscribe to the channel](https://www.youtube.com/@AndersonMancini?sub_confirmation=1)

The Cyberpunk project just got an update!

You can now take shelter from the rain and see water splashes, thanks to some amazing optimisation work by Jean (TSL Creator) using a GPUCompute-based collision system. A really cool technique with incredible performance.

Come join us at Threejs Conference and learn this and many other techniques.

## Links from the video

- [Live demo](https://threejspunk.vercel.app/)

## Related projects

- [Threejs-Punk](https://andersonmancini.dev/projects/threejs-punk.md) — Fully featured Racing Game

## Related articles

- [Threejs-Punk: a free WebGPU racing game that runs in the browser](https://andersonmancini.dev/blog/threejs-punk-racing-game.md)
- [Speaking at the first Three.js Conference, in Paris](https://andersonmancini.dev/blog/three-js-conf-paris-2026.md)