sam,

this may be something like what you have in mind...

Jonathan Chetwynd
Accessibility Consultant on Media Literacy and the Internet

<svg xmlns="http://www.w3.org/2000/svg";
      xmlns:xlink="http://www.w3.org/1999/xlink";
        width="100%" height="100%" >

<rect  x="0" y="0" width="100%" height="100%" fill="#888"/>
<g id="Q" transform="matrix(1 .3 0 .6 0 0)">
<animateTransform attributeType="XML"
attributeName="transform" type="matrix"
from="1 .3 0 .6 0 0" to="0 .4 .8 .6 0 0" dur="4s"
fill="freeze"/>
<text x="250" y="-15" fill="#800" font-size="40">Click to start/stop</ 
text>
<image id="P"  x="250" y="0"
width="280" height="300" xlink:href="http://marble.sru.edu/~ddailey/ 
mp/p2.jpg" />
</g>
</svg>

On 30 Oct 2007, at 17:27, Sam wrote:

I would prefer to use an animateTransform rather than a script. I
played around with the skew but i cant make it look like its flipping.

--- In [email protected], "ddailey" <[EMAIL PROTECTED]> wrote:
 >
 > Take a look at
http://srufaculty.sru.edu/david.dailey/svg/MatrixTransform.svg
 >
 > it is working in Opera, Safari, FF, and IE (at least the versions I
have loaded)
 >
 > dpd
 > ----- Original Message -----
 > From: Sam
 > To: [email protected]
 > Sent: Friday, October 26, 2007 7:00 AM
 > Subject: [svg-developers] Svg Card Flip Animation
 >
 >
 > Hello,
 >
 > Im working on a Java / SVG card game. SVG is used for the drawing of
 > the gameboard and its animation. Part of the game involves having a
 > card facedown and then it being flipped and placed on a pile. Ideally
 > this card flipping would be animated with something along the  
lines of
 > a page turning effect. I had a bit of a google around but couldnt
 > find anything similar. Could anyone point me in the right direction
 > or give me some pointers?
 >
 > http://sourceforge.net/projects/shead
 > (Please note the name of the game could offend some people)
 >
 > Cheers,
 >
 > Sam
 >
 >
 >
 >
 >
 > [Non-text portions of this message have been removed]
 >






-----
To unsubscribe send a message to: [EMAIL PROTECTED]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my 
membership"
---- 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/svg-developers/

<*> Your email settings:
    Individual Email | Traditional

<*> To change settings online go to:
    http://groups.yahoo.com/group/svg-developers/join
    (Yahoo! ID required)

<*> To change settings via email:
    mailto:[EMAIL PROTECTED] 
    mailto:[EMAIL PROTECTED]

<*> To unsubscribe from this group, send an email to:
    [EMAIL PROTECTED]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/
 

Reply via email to