DEV Community

Cover image for Water ripple effect using canvas
Victor Ribeiro
Victor Ribeiro

Posted on • Originally published at github.com

4 1

Water ripple effect using canvas

Some time ago I stumbled upon this link. It describes a cool algorithm to create a water ripple effect.

So, I decided to give it a go here. But it wasn't very good, performance wise.

So, the other day I was idle and decided to give the code a little brush.

Here's the final version

As you can see, the performance is much better now, since I'm using putImadeData from canvas to draw the final image.

You can check out the code here

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more