Defining Transitions/Multile Transitions on a Sprite (Solved

[TrevorV]

Hey! I'm new to Ren'py. I'm an artist and writer working on my first VN, an was a little curious about this program. So far, I've been able to get two characters across from one another, change their sprites, make them talk, change music, a lot of basic stuff. However, I'm pretty displeased by how.... sparse the tutorial is. It shows you a myriad of things you can do, but doesnt actually show you how to do them, which is quite confusing. I have to scour the internet for the code to make something as simple as defining a custom fade transition. Maybe Im missing something

So My question was, how are transitions defined? I would like to make a few for the character sprites that will be showing up thousands of times throughout the game. Its a bit jarring when they just suddenly *change*. I'd like to see them maybe fade out while a new sprite fades in and moves simultaneously from 10-ish pixels to the side. The show command seems super primitive, so there must be a way to spruce it up with the code, but I cant find how to write the code to get it to work. Any help?

[warmsundae]

You could try googling your problems, links to the Ren'Py guide and help topics on this forum could pop up.

Fading to a new sprite, which appears a couple pixels to the left:

Code: Select all

define spritechange = MultipleTransition([
    False, Dissolve(0.5), True])

    transform midleft = xpos 230

label start:
    show a_sad at left
    a "I'm about to change my expression and move a bit."

    show a_happy at midleft
    with spritechange
    

There might be a better way of doing this since I don't code a lot, but this works for me. Is it what you wanted?

edit: misunderstood your question. rewrote this answer.

[TrevorV]

Yeah I've been googling it for a while. I can't figure out whether or not one image acting under two transitions at once is even possible. something moving and fading in at the same time perhaps?

[warmsundae]

I tested the code I wrote and it doesn't make the movement smooth. It just looks like the first image disappears and the second appears a little more to the left.

So I tried something different.

Code: Select all

transform left_to_right:
    yalign 1.0
    linear 1.0 xalign 0.4
    repeat

define spritechange = MultipleTransition([
    False, Dissolve(0.5), True])

label start:
    show a_sad at left
    a "I'm about to change my expression and move a bit."

    show a_happy at left_to_right
    with spritechange

Personally it looks better without the dissolve.

[TrevorV]

A few folks are helping me now on the discord actually! This is the type of code they came up with!
Thank you for your time helping, though!

transform leftfade:
alpha 0.0 xalign -.0.05
parallel:
ease 0.4 alpha 1.0
parallel:
easeout 0.4 xalign 0.0

i slightly edited that for my purposes, but i didnt know about the parallel function, neat! I'll delete this thread in a few mintues

EDIT: idk how to delete the thread <3