How to create an animation for wagging one's finger at so.?

Discuss how to use the Ren'Py engine to create visual novels and story-based games. New releases are announced in this section.
Forum rules
This is the right place for Ren'Py help. Please ask one question per thread, use a descriptive subject like 'NotFound error in option.rpy' , and include all the relevant information - especially any relevant code and traceback messages. Use the code tag to format scripts.
Post Reply
Message
Author
mozillauser
Newbie
Posts: 16
Joined: Mon Jun 30, 2008 4:00 pm
Contact:

How to create an animation for wagging one's finger at so.?

#1 Post by mozillauser »

Hi to all,

I try to create an animation for a certain scene: My character Peter wants to wag his finger against his cat. Peter is'nt shown, therefore I want his hand to appear from the rigth.

First I created an image that shows an arm (see the attachment).
The animation should show the following:
  • move the arm from the right into the scene
  • wag with the hole arm
  • move the arm out of the scene
I think I could create the move in and move out animation. Actually I don't know how to wag the arm.
Finally I could create 3 separate animations, but I don't know how to combine them.

Please help me. I would be glad, if someone could show me how to create this animation.
Attachments
image of the arm
image of the arm
Hand_boese.png (17.4 KiB) Viewed 1551 times

deinarious
Regular
Posts: 68
Joined: Thu Jun 19, 2008 1:27 am
Completed: Watashi wa Onigiri, A Day Off, T.M.O.G.E
Projects: None.
Contact:

Re: How to create an animation for wagging one's finger at so.?

#2 Post by deinarious »

I have a little experience in animation (mainly, correction, completely with Flash 8), but I don't have a clue to do this. However, if I may recommend an easy animation program for short animations (read : 30 frames or less), try using TweenMaker. I think you can Google it; I don't remember the link.

If I find the link before I forget, I'll PM you with the link. It has some tutorials on how to make animations, and they are relatively easy. Just don't expect anything that is more than 30 frames. The trial version that is unlimited in usage but not in frames is the downloadable file. Also, the program itself costs ... I think $25 - $50 dollars. And it probably exports to something usable in Ren'Py. Just work on the tutorials first before making the wagging finger.

mozillauser
Newbie
Posts: 16
Joined: Mon Jun 30, 2008 4:00 pm
Contact:

Re: How to create an animation for wagging one's finger at so.?

#3 Post by mozillauser »

deinarious wrote:Just work on the tutorials first before making the wagging finger.
:lol:

Ok, but I thought of a Ren'Py method rather than to create an animated image. I guess - no, I hope - there is a method to combine several animations to a single animation.

RidleyWright
Regular
Posts: 106
Joined: Mon Feb 18, 2008 7:23 pm
Projects: Blue Moon
Location: Portugal
Contact:

Re: How to create an animation for wagging one's finger at so.?

#4 Post by RidleyWright »

Yeah, you can do it with Ren'Py. One of the solutions could probably be the Animation method. You can look it up in the Demo, which ships with Ren'Py. The .rpy file you can look up the code is demo_animation. Of course, I would be assuming you'd have a whole lot of different photos to simulate the animation, which maybe isn't what you're thinking.

mozillauser
Newbie
Posts: 16
Joined: Mon Jun 30, 2008 4:00 pm
Contact:

Re: How to create an animation for wagging one's finger at so.?

#5 Post by mozillauser »

I attached a zip file with a very short script and 3 images.
The script (wich is shown below) moves the hand from the left into the scene and then back. In the middle the hand (in this case the whole arm) should wag, but actually I don't know how to do it.

A second problem is, that the user can interrupt the movements, what will result in an uncomplete movement.

Code: Select all

init:
    # Declare images below this line, using the image statement.
    image bg dachbodenfenster = "Dachbodenfenster.jpg"
    image hand boese = "Hand_boese.png"
    image mecki sr_böse = "M_sitzt_Ruecken_böse.png"
    
    $ p = Character('Peter', color="#c8c8ff")

    
label start:

    scene bg dachbodenfenster
    show mecki sr_böse at Position(xalign=0.3, yalign=0.4)
    $ renpy.pause(delay=5)
    
    show hand boese at Move(
        (1.0, 0.9, 0.0, 0.5),
        (0.7, 0.6, 0.0, 0.5),
        0.5, 
        )
    $ renpy.pause(delay=0.5)
    # at this position I wish to code a wagging Movement, but I don't know how :-(
    show hand boese at Move(
        (0.7, 0.6, 0.0, 0.5),
        (1.0, 0.9, 0.0, 0.5),
        0.5, 
        )
    p "bad cat!"

Attachments
images+script.zip
(237.85 KiB) Downloaded 63 times

JQuartz
Eileen-Class Veteran
Posts: 1265
Joined: Fri Aug 31, 2007 7:02 am
Projects: 0 completed game. Still haven't made any meaningfully completed games...
Contact:

Re: How to create an animation for wagging one's finger at so.?

#6 Post by JQuartz »

Maybe you can try using rotozoom to wag the arm. http://www.renpy.org/wiki/renpy/doc/ref ... s/RotoZoom
I suspect somebody is stealing my internet identity so don't believe everything I tell you via messages. I don't post or send messages anymore so don't believe anything I tell you via messages or posts.

mozillauser
Newbie
Posts: 16
Joined: Mon Jun 30, 2008 4:00 pm
Contact:

Re: How to create an animation for wagging one's finger at so.?

#7 Post by mozillauser »

JQuartz wrote:Maybe you can try using rotozoom to wag the arm. http://www.renpy.org/wiki/renpy/doc/ref ... s/RotoZoom
Thanks, I will try it this weekend

mozillauser
Newbie
Posts: 16
Joined: Mon Jun 30, 2008 4:00 pm
Contact:

Re: How to create an animation for wagging one's finger at so.?

#8 Post by mozillauser »

Yes, with RotoZoom I almost reached the desired result - look at the script below.
Maybe you want to look at the wagging hand :wink: , therefore I attached the script with the correponding pics.
images+script.zip
(239.12 KiB) Downloaded 88 times
By the way: I had to fit the picture of the arm too, because RotoZoom alway uses the midpoint when rotating the image.

Nevertheless, the script shows 3 separate animations, and unfortunately I didn't find yet a method to combine them to only 1 animation. With 3 animations, the user can interrupt the whole animation at all times.

Code: Select all

# You can place the script of your game in this file.

init:
    # Declare images below this line, using the image statement.
    image bg dachbodenfenster = "Dachbodenfenster.jpg"
    image hand boese = "Hand_boese.png"
    image mecki sr_böse = "M_sitzt_Ruecken_böse.png"
    
    $ p = Character('Peter', color="#c8c8ff")

    
label start:

    scene bg dachbodenfenster
    show mecki sr_böse at Position(xalign=0.3, yalign=0.4)
    $ renpy.pause(delay=1)
    
    # # move the arm in 
    show hand boese at Move(
        (1.0, 0.9, 0.0, 0.5),
        (0.7, 0.6, 0.0, 0.5),
        0.4, 
        )
    $ renpy.pause(delay=0.5)
    # # wag the arm
    show hand boese at RotoZoom(0, -15, 0.6, 1, 1, 1, rot_repeat=True, rot_bounce=True, rot_anim_timebase=True, opaque=False,
        xpos=0.7, ypos=0.6, xanchor=0.0, yanchor=0.5)
    p "bad cat!"
    # # move the arm out
    show hand boese at Move(
        (0.7, 0.6, 0.0, 0.5),
        (1.0, 0.9, 0.0, 0.5),
        0.5, 
        )
    $ renpy.pause(delay=1)

Post Reply

Who is online

Users browsing this forum: piinkpuddiin