Show HN: I open-sourced my web app alternative to Illustrator
mondrian.io
mondrian.io
* one bug is here: http://mondrian.io/?p=5xf0YH Somehow I created a piece of geometry that's a line segment that can't be filled or stroked. Hover around near the end of that arrow and you'll find it. It was created using the line tool.
edit: never mind, it turns out I just didn't completely grasp the selection model. If I click on the line segment, the endpoints get selected and I can move it, but the fill/stroke panels don't appear. However, if I drag-select it so I get the line's bounding box, they do. The selection model is a bit quirky, although I suppose you're probably trying to simplify Illustrator's weird assortment of selection modes. Good luck with that. :)
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. :)
Not terribly impressed so far, but then again, I'm not a designer or an artist and I manage to write SVGs that fail in various renderers due to implementation deficiencies. But those I tested were not even complex or used advanced features.
At the moment I'd guess this is aimed at the most trivial vector graphics possible, i.e. only basic shapes, stroke and fill. It might work for that, but that's well beyond what I use of SVG or Inkscape usually.
That said, if you opened issues on Github describing how to lock it up in Firefox and IE, and listing those SVG features that it doesn't render, that would be very helpful. Cheers.
Ugh, this entire thing is in coffeescript too, now I have to learn coffeescript to make sense of this library.
And it's great when someone tries to makes the learning process easier, and even better when they open source it.
You mean the entire thing is noise free an easily readable, I agree.
https://github.com/artursapek/mondrian/blob/master/src/geome...
Artur really did a nice job with structuring this project...
There really is very little magic with coffeescript. Most of it is syntactic sugar which can be learned at a glance of: http://coffeescript.org/ .
Don't mean to come off as pushy but I think it's well worth learning what coffeescript is. Especially if you are familiar with javascript, as it's a straight upgrade in your toolkit.
This reminds me of a really funny bit Louis CK does about wifi on an airplane. https://www.youtube.com/watch?v=KpUNA2nutbk#t=234
Basically, the punchline is how ridiculous it is that some people can believe they're entitled to something being a certain way, that they didn't know even existed until a few minutes ago.
"Ugh, this really cool library isn't written in something I already know. What an asshole for doing that."
A few feature requests: having the shift-c tool (convert anchor point, I think) and being able to delete anchor points would be great. Much harder to work without that. Saving also didn't work the first several times I tried (but great to see auto-saving to ¿localStorage?)
http://cl.ly/image/0F212f3X2h07
The Maven Pro font appears to be infinitely thin at weight 300, it only starts being readable at 120px+. It doesn't have a version for that weight, so the browser is [failing at] simulating that.
One thing that would really stand out would be an 'infinite zoom' I've seen implemented elsewhere.
- how do I add and delete points on a path?
- how do I change the node type? Eg, if there are no handles, how do I get handles (antlers I think you call them in the code).
- How do I go from colinear handles to "broken" handles: handles that form an angle at the node, so I can have two different curves joined at an acute angle at one node?
- How do I do intersections, unions, groups, layers, etc?
But I gotta say it again, it's really beautiful...
Both are really cool online tools though.
Do users draw or write using figure or e-pen?
AI, like PSD, is proprietary and unfriendly to developers because Adobe's software is really complex (and they don't want to share the market). I want to write a small backend that uses one of several AI->SVG converters out there so people can use AI files in Mondrian. Unfortunately I haven't had time yet.
I'm sick of comments like this constantly polluting HN's community with negativity.
I'm sick of people being sick of this stuff.
Some people just lack tact.
I like it works with Dropbox
It's a very very basic vector editor that doesn't even let you rotate things, import any standard vector formats (SVG, EPS, AI, PDF), have dotted outlines, distort, curve the text, etc etc etc.
I understand it was a lot of work, and you did a great job, but let's not pretend this implements even 1% of Illustrator.
2) Select the rotate tool (whose icon is the universal symbol for "rotate" that can't possibly be confused with anything else)
3) Click once to define an origin
4) Click and drag to interactively rotate about that origin.
This is how the Illustrator rotate tool has worked since, literally, Illustrator 1.0.