HTML wha?....
HTML wha?....
I am super confused. HOW DO YOU USE THE JAVASCRIPT IN INKSCAPE? I've been seeing all this.html
-
- Posts: 2344
- Joined: Sun Apr 14, 2013 12:04 pm
- Location: Michigan, USA
Re: HTML wha?....
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/
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/
Re: HTML wha?....
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.)
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.)
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design