Some artowrk about this season

Show off your finished Inkscape work.
hulf2012
Posts: 716
Joined: Sat Nov 24, 2012 12:37 pm

Some artowrk about this season

Postby hulf2012 » Tue Dec 24, 2013 12:49 pm

Hello
This is some artwork done around this days.
The idea was using this work as an exercise to learn something about animation of a SVG file.
I used Javascript and SVG, so I hope that it can be watched in diferent webbrowsers.

About the proccess: The drawing was done in Inkscape. But for the Script it's better ( for me) to use a Text editor, and not the XML editor embedded in Inkscape.
According the advice of other webs, it's better to surround the script betwen a <![CDATA ]]> tag, so in that way you can use the " and > signs. But when opened, and saved in Inkscape, those tags are lost, and Inkscape convert the signs in some other code, which difficults the reading of the script for human beings.

I don't know how, or where you can upload a SVG with Javascript, in the way it can be viewable without to have to download the SVG file. I don't try using my Dropbox account. mostly for lack of time.

The font used was some called Black Adder. Maybe it won't be visualized in other machines. But I don't know how to resolve that Issue.

So I'm sharing this with you. You are free to modify it. However, I'd love to receive feedback, and improvements

P.D.: LAzur,Thanks for the feedback. You are right:
-To begin the animation, you have to do click in the Star with the tail that appears in the left bottom of the image


Last edited by hulf2012 on Tue Dec 24, 2013 3:12 pm, edited 1 time in total.
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Some artowrk about this season

Postby Lazur » Tue Dec 24, 2013 1:27 pm

Cherry Mistras!

Have you tried to use [svg] tags to embed it?
SVG Image

Oh ok it doesn't seem to work but I'm guessing it's not the host, but the board it's displayed at.
Flash is enabled here though so it is confusing.


Nice work, will definitely look at the codes.

Without a peek to them, I thought my browser didn't render the animation, but after that, the
// Function called when the mouse does a click in the id='actor' group
part said it all.

I suggest you put that in the description too.

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

Re: Some artowrk about this season

Postby tylerdurden » Tue Dec 24, 2013 2:07 pm

Nice!
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/

hulf2012
Posts: 716
Joined: Sat Nov 24, 2012 12:37 pm

Re: Some artowrk about this season

Postby hulf2012 » Tue Dec 24, 2013 3:17 pm

Lazur URH wrote:Cherry Mistras!

Have you tried to use [svg] tags to embed it?


Oh ok it doesn't seem to work but I'm guessing it's not the host, but the board it's displayed at.
Flash is enabled here though so it is confusing.


Nice work, will definitely look at the codes.

Without a peek to them, I thought my browser didn't render the animation, but after that, the
// Function called when the mouse does a click in the id='actor' group
part said it all.

I suggest you put that in the description too.


I see. Well, it wasn't a obvious solution to me. Deviantart doesn't show the SVG when it is uploaded. And, still doesn't support the animation. I updated the first post, mentioning how to triger the animation
Last edited by hulf2012 on Sun Jan 05, 2014 9:13 am, edited 1 time in total.
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.

hulf2012
Posts: 716
Joined: Sat Nov 24, 2012 12:37 pm

Re: Some artowrk about this season

Postby hulf2012 » Sun Jan 05, 2014 9:13 am

Hello,
I've added another svg-animation
The instructions: download the svg link in the right side, and watch it in your browser (firefox, chrome, opera, safari, IE>9).The animation starts automatically, but can be stoped. I wish to know if it is also compatibly with smartphones (android, IOS)

If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.


Return to “Finished Inkscape Work”