Jump to content

Create HTML canvas graphics without writing code


UnionForever.
 Share

Recommended Posts

I was recently creating a web game. Now, while creating graphics for this game (characters, map etc), I saw that under the HTML canvas API, drawing even a single line took 4 lines of code (not to mention you had to map out the coordinates of every point)-

ctx.beginPath();
ctx.moveTo(100, 150);
ctx.lineTo(100, 200);
ctx.stroke();

I knew that things like mapping out coordinates and rewriting repeated methods can easily be done by a no-code tool. This led me to code Canvascript. It's a no-code tool for web game devs to quickly create mobile-friendly high-performance graphics, easily.

Using it is simple, Just draw with your pointer on the HTML canvas, then get the code to render it. You can now draw curved lines too. You can use the tool here.

What do you think about this? any feedback or suggestions?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...