Quantcast
Channel: Active questions tagged javascript - Stack Overflow
Viewing all articles
Browse latest Browse all 138249

How to create a vector brush tool in WebGL ? (like Clip Studio or Concepts)

$
0
0

I'm working to create a Drawing tool on the browser using WebGL. I would like to be able to edit and modify strokes. So it's about having something like Clip Studio or Concepts. I think they use some kind of vector brushes but hard to tell because it looks a lot like "stamp" brushes.

For now, I'm using the classic "stamp" method using DeCasteljau algorithm to cut Bezier into lines and then I use Bresenham's line algorithm to get points coordinates that will construct my line. Those points are then rendered as vertices, passed in a buffer and renderer as gl_POINTS, with a custom shader to apply textures and wanted effects.

This is working nicely but not really efficient since the 2 previous algorithm are done by the CPU. Also I'm having trouble with opacity but that's a different matter. So if I'm keeping all those strokes editable, it's making millions of points to update which is killing the render time. So definitely not the right approach.

Thanks !


Viewing all articles
Browse latest Browse all 138249

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>