/Canvascript

Create HTML canvas graphics without writing code. Just draw with your pointer on the HTML canvas, then get the code to render it.

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

Canvascript logo

About this

Create HTML canvas graphics without writing code. Just draw your graphics, then get the code to render them on the HTML canvas.

A no-code tool for web game devs crafting mobile-friendly high-performance graphics, effortlessly. You can now draw freehand too.

We also have a Discord server btw

Features

  • Automatic code generation
  • Draw curved, straight and even freehand lines
  • Share and save your designs
  • Control the width and color of the brush
  • Test your graphics on multiple resolutions

How to use?

It's a web tool hosted on GitHub Pages, so no need to install anything. Just click on the link in the About section (top in mobile, top-right in desktop) and start drawing!

Love Canvascript?

Help us make it even better!

  • ⭐ Star the project to show your support.
  • 🛠️ Contribute by reporting issues or submitting pull requests.
  • 📣 Share Canvascript with fellow web game devs to spread the word.