mondrian

I love bezier curves. I'm working on rebuilding a project I started in college, a vector graphics editor. The function for determining intersections between two cubic bezier curves, which I found on a professor's website, is absolutely insane: https://github.com/artursapek/mondrian/blob/master/src/coffe... It's a wall of this: c11.x*c12.y*c13.x*c13.y*c23.x*c23.y - c11.y*c12.x*c13.x*c13.y*c23.x*c23.y + 6*c21.x*c22.x*c13y3*c23.x + 3*c11.x*c12.x*c13.x*c13.y*c23y2 + 6*c10.x*c13.x*c13y2*c23.x*c23.y - 3*c11.x*c12.x*c13y2*c23.x*c23.y - 3*c11.y*c12.y*c13.x*c13.y*c23x2 - 6*c10.y*c13x2*c13.y*c23.x*c23.y - 6*c20.x*c13.x*c13y2*c23.x*c23.y + 3*c11.y*c12.y*c13x2*c23.x*c23.y - 2*c12.x*c12y2*c13.x*c23.x*c23.y - 6*c21.x*c13.x*c22.x*c13y2*c23.y - 6*c21.x*c13.x*c13y2*c22.y*c23.x - 6*c13.x*c21.y*c22.x*c13y2*c23.x + 6*c21.x*c13x2

Your tool is nice. The idea of doing vector graphics like this in the browser is very alluring. I worked on something similar for a long time, maybe you would find it useful: https://github.com/artursapek/mondrian http://mondrian.io The original idea was also to create an animation tool which could export to canvas code and/or SVG files with embedded JS. Ended up just being a generic SVG editor. I eventually couldn't keep committing the time to develop it, but it was a fun project for a long while. Really got interesting when I started thinking about algorithms for something like Pathfinder (unfinished work: http://artur.co/pathfinder.html) and a freehand drawing tool which outputs cubic beziers (the crayon tool in my example). Also fun was coming up with data structures for undo/redo (mine still kind of suck). Anyway, have fun with your

I recently open-sourced my web-based vector app Mondrian. https://github.com/artursapek/mondrian It's a fun project to hack on for anyone interested in math, geometry, SVG, or web apps. You can try it live at http://mondrian.io. My email is in my HN profile if there are any questions.

The selection model used to work the way you expected - clicking on a line segment would select the whole shape. I changed it to select only the two points that made up that line segment because I thought it made more sense, and there's usually plenty of hit-area on the inside of the shape for selecting the whole thing. In this case, I see how it was confusing. I suppose I could revert back to the old selection model, or add an edge case where clicking on a line segment selects the whole shape if it consists of only two points. The current system would make more sense if there were more things you could do with selected points besides just moving them around with the arrow keys. Either way, thanks for reporting this. If you catch any more problems, please log them in https://github.com/artursapek/mondrian/issues. :)

You might be shocked (shocked!) at how clean and readable some of the CoffeeScript source is. To pick an example at random: https://github.com/artursapek/mondrian/blob/master/src/geome... Artur really did a nice job with structuring this project...