alexjlockwood / ShapeShifter

SVG icon animation tool for Android, iOS, and the web
https://shapeshifter.design
Apache License 2.0
3.97k stars 200 forks source link

Make it obvious that layers can be deleted using the 'backspace' key #289

Open MiLattanzio opened 6 years ago

MiLattanzio commented 6 years ago

Please add the possibility to remove vectors ,layers, pathsData, fillColor etc... and also the possibility to add and move the points manually.

alexjlockwood commented 6 years ago

Thanks for the suggestions! It is something I am working on. Actually you can see a sneak preview at https://beta.shapeshifter.design (but it is not finished and is likely buggy). I haven't actually announced that this exists yet, but figured you might be interested (maybe you could give me feedback)!

To remove vectors/layers, you can use the 'delete' button on your keyboard. Please let me know if this is what you meant and if this wasn't obvious to you.

MiLattanzio commented 6 years ago

Actually you can see a sneak preview at https://beta.shapeshifter.design (but it is not finished and is likely buggy). I haven't actually announced that this exists yet, but figured you might be interested (maybe you could give me feedback)!

That's amazing. I love It. I'm playing with it. Foe now I can say that i love how thats going. It could be cool to mirror the changing with the transform feature or do straight lines with the pencil tool. I have difficulty to zoom out but that's not a problem, maybe I can find the solution by digging around.

However I really love It. I'll surely support this project.

To remove vectors/layers, you can use the 'delete' button on your keyboard. Please let me know if this is what you meant and if this wasn't obvious to you.

Oh ... I see. That was exactly what I meant. Akward..

alexjlockwood commented 6 years ago

I think there were some other people who also didn't know how to delete layers using the keyboard. I renamed this bug and will try to find a way to make this more obvious...

Ahh yeah... to zoom out you have to click while hold down 'option' on the keyboard. I'll make a note to make this more obvious somehow... and about the straight line using the pencil tool as well.

What do you mean by 'mirror the changing with the transform feature'? (Actually I think the transform feature was one of the things that I hadn't finished 100% yet...)

LMK if you have any other suggestions/advice!

MiLattanzio commented 6 years ago

Sorry I have miswritten. I mean the vector tool. It would be cool to modify two opposite points of a symmetrical shape at the same time.

Like that: (Start shape) a

(End shape A - Moving points on opposite direction) b

(End shape B - Moving points on the same direction) c

I hope I explained myself. I'm not good with words I think.

(Actually I think the transform feature was one of the things that I hadn't finished 100% yet...)

I have seen. But sometimes It creates really cool things.

alexjlockwood commented 6 years ago

Ahh, I see. Thanks for the suggestion!

By any chance do you know if this is possible to do in popular design tools (i.e. Sketch, Illustrator, etc.)? I've mainly been using them as a guide on how to write these things (just so it will be easy for designers to Shape Shifter).

Another thing I also really want to add is to add the ability to manually set the coordinates of these segments. i.e. So that you could just click on one of those circles and then a text field pops up on the right where you can change its location by typing a new value w/ the keyboard. Unfortunately it's kind of a lot of work :P.

I'm mostly using Sketch's transform tool as a template for the one I'm trying to write: https://sketchapp.com/docs/shapes/transform/

alexjlockwood commented 6 years ago

BTW... this is totally unrelated, but if you like the transform tool, you might like this: https://bl.ocks.org/mbostock/10571478

(It has most of the math I've been using to implement it :P)

MiLattanzio commented 6 years ago

I found to be possible to obtain the end shape B from the start shape on beta shapeshifter. I don't know if you updated the page of It didn't work on my side by holding shift. However, actually I don't know if it exists a simpler way to obtain the shape A that's not start with half of the final shape, do the changes in one side and then move a copy into the place how you wanted.

I'm looking for something close with what I mean.