Creating toon water for the web

This tutorial will walk you through creating stylized toon water while introducing vertex shaders. I will also introduce the depth buffer and how to use that to get more information about your scene and create foam lines.

We’ll be using PlayCanvas for this just because it has a convenient free web-based IDE, but everything should be applicable to any environment running WebGL. You can find a Three.js version of the source code at the end. We’ll be assuming you’re comfortable using fragment shaders and navigating the PlayCanvas interface.

Check the tutorial at

No Comments

Leave a Reply

Gamedev.js Shop
Gamedev.js Jam 2024
Gamedev.js Survey 2023 Report
Gamedev.js Discord

Follow us

Gamedev.js Weekly newsletter

Or visit directly.

Websites worth visiting

Log in

Forgot password?

Already registered? Log in


Forgot password?