HTML wha?....

Post questions on how to use or achieve an effect in Inkscape.
Zech
Posts: 43
Joined: Wed Jan 24, 2018 8:38 am

HTML wha?....

Postby Zech » Sun Feb 18, 2018 12:16 pm

I am super confused. HOW DO YOU USE THE JAVASCRIPT IN INKSCAPE? I've been seeing all this.html

tylerdurden
Posts: 2344
Joined: Sun Apr 14, 2013 12:04 pm
Location: Michigan, USA

Re: HTML wha?....

Postby tylerdurden » Sun Feb 18, 2018 2:59 pm

Have a nice day.

I'm using Inkscape 0.92.2 (5c3e80d, 2017-08-06), 64 bit win8.1

The Inkscape manual has lots of helpful info! http://tavmjong.free.fr/INKSCAPE/MANUAL/html/

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: HTML wha?....

Postby brynn » Sun Feb 18, 2018 6:07 pm

Here's the tutorial for the playable guitar: http://goinkscape.com/create-a-playable ... -inkscape/ It's about the only vector animation tutorial I've seen, which a beginner might be able to follow. (Maybe the other animation tutorials from Aaron Nieze too.)

It uses Snap.SVG. There are many programs (like Snap.SVG) which you can use with images made with Inkscape, to create animations. See this page for an overview of animation and Inkscape: https://inkscape.org/en/learn/animation/

There's a section on my tutorials page about animation, which provides links to tutorials. https://forum.inkscapecommunity.com/index.php None of the tutorials are for beginners, because this kind of animation is what I consider to be an advanced skill.

If your goal is animation, and it doesn't matter to you how you do it, then I would say that GIF animation is the most beginner-friendly. To use Inkscape, you would export each animation "frame" as a PNG. Then import the PNGs into something like GIMP or other GIF animation software. I know that GIMP has good instructions in its manual. However, compared to what you can do with JS, CSS or SVG (examples: https://github.com/d3/d3/wiki/Gallery), GIF animation is very limited.

For animation using JS, CSS or SVG, I would consider those to be advanced. The only tutorials I know for those, are on the page I mentioned above. But again, they aren't for beginners. You need to be what they call a "self-starter" -- you need to be able to research, read, and learn from what you read, and not just have it spoon fed with 1, 2, 3 steps. For SVG animation, I think David Dailey's manual is excellent, and it starts you with small steps (see links above). (When I say "manual" it's really just showing a lot of different examples. It doesn't say "do this then do that", it just shows an image and then it shows the code for it. You have to be able to put it together on your own.)

If you're making a sincere effort, and you still get stuck, you're welcome to post a message, giving the info which you find (or tutorial) and tell us where you're stuck. Speaking for myself (but I think a lot of us feel the same way) I'm happy to help people who are on their own path to learning, and are putting in a good effort, but they are just stuck. (What annoys me is when someone is asking for us to do the work for them. But I'm not getting that sense from your message.)

Zech
Posts: 43
Joined: Wed Jan 24, 2018 8:38 am

Re: HTML wha?....

Postby Zech » Tue Feb 20, 2018 2:44 am

Thanks so much


Return to “Help with using Inkscape”