XML Elves

XML Elves

<community>of XML and SVG Developers</community>


Animate on action one way to the next issue.

This is a discussion on Animate on action one way to the next issue. within the SVG Questions forums, part of the SVG Forums category; Hello, I have been working with this for sometime and have all the buttons and path shapes working without errors. ...


Go Back   XML Elves > SVG Forums > SVG Questions

Register FAQ Members List Calendar Search Today's Posts Mark Forums Read



Click here to register

Reply

 

LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 03-02-2010, 10:11 PM
Junior Member
 
Join Date: Mar 2010
Posts: 3
Exclamation Animate on action one way to the next issue.

Hello,

I have been working with this for sometime and have all the buttons and path shapes working without errors. I just cant seem to figure out how to make the animateMotion to react correctly. What I am trying to do is move my button set down the path on a button_down action and then back when when I select the button_up. This is my first post so I do appologize if this seems like tomuch of a newb question.


<title>Buttons and Paths</title>

<g id="Button_Layer">

<desc>Button Set</desc>

<g id="Buttons">
<g id="Button_1">
</g>
<g id="Button_2">
</g>
<g id="Button_3">
</g>
<g id="Button_4">
</g>
<g id="Button_5">
</g>
</g>
<g id="Button_Controls">

<desc>Controls to Move Button Set</desc>

<g id="Button_Go_Up">
</g>
<g id="Button_Go_Down">
</g>

<desc>Paths and Motion Animation</desc>

<g id="Button_Path">
<path id="Path_1" "/>
<path id="Path_2""/>
<animateMotion id="Button_Path_Up"dur="0.5s" begin="buttons.activate" rotate="auto" fill="freeze">
<mpath xlink:href="Path_1"/>
</animateMotion>
<animateMotion id="Button_Path_Down"dur="0.5s" begin="buttons.activate" rotate="auto" fill="freeze">
<mpath xlink:href="Path_2"/>
</animateMotion>

</g>
</g>
</g>

<desc>Not Sure If These Are Needed But I believe I am right</desc>


<set xlink:href="#Button_Go_Up" attributeName="display" to="none" begin="Button_Path_Down.activate"/>
<set xlink:href="#Button_Go_Down" attributeName="display" to="none" begin="Button_Path_Up.activate"/>

Last edited by Mind Operations; 03-03-2010 at 11:27 AM..
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #2 (permalink)  
Old 03-03-2010, 01:22 PM
Junior Member
 
Join Date: Mar 2010
Posts: 3
Default

Ahhh. I'm learning and see to zillion ways to do this. Im thinking about defining the buttons in the <defs></defs> and calling it up by the <use> Still having trouble with the controls though. But would this help for structure and I guess I should know if it cant be done? I was also thinking to try and use <markers> for the <path> instead of having two <path>'s.

Last edited by Mind Operations; 03-03-2010 at 05:17 PM..
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #3 (permalink)  
Old 03-16-2010, 02:08 AM
Junior Member
 
Join Date: Mar 2010
Posts: 3
Default

I have resolved this.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply

Tags
action, animate, animatemation, control set, issue, motion, move


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On





All times are GMT -6. The time now is 01:12 AM.


Powered by vBulletin® Version 3.8.6
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.5.0 RC3

Data recovery laptop
For hard disk drive data recovery services on laptops, go to Data Clinic!


1 2 3 4 5 6 7 8 9 10 11 12 13 14