https://github.com/collidingscopes/liquify

An open source generative art project using a "liquify" effect that pushes and swirls colours on a canvas. The effect is created directly in the browser, using an HTML5 canvas element.
https://github.com/collidingscopes/liquify

animation art canvas generative html javascript liquify

Last synced: about 2 months ago
JSON representation

An open source generative art project using a "liquify" effect that pushes and swirls colours on a canvas. The effect is created directly in the browser, using an HTML5 canvas element.

• Host: GitHub
• URL: https://github.com/collidingscopes/liquify
• Owner: collidingScopes
• License: mit
• Created: 2024-08-06T12:14:25.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-18T13:52:28.000Z (5 months ago)
• Last Synced: 2024-08-18T15:02:09.883Z (5 months ago)
• Topics: animation, art, canvas, generative, html, javascript, liquify
• Language: JavaScript
• Homepage: https://collidingscopes.github.io/liquify/
• Size: 4.59 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.markdown
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
An open source generative art project using a "liquify" effect that pushes and swirls colours on a canvas. The effect is created directly in the browser, using an HTML5 canvas element.

Live website: https://collidingscopes.github.io/liquify

You can liquify the canvas manually by dragging/clicking, or instead you can run a generative animation that will draw random paths across the canvas.

There are options to export the canvas as an image or video.

Built using javascript, HTML, CSS.

Enormous thanks and credits to Chris Bosco, who provided the initial code to create this effect.



License

=======

This is an open source project provided under an MIT license