Main Menu Animation

  • #1, by redsparkWednesday, 10. December 2014, 15:43 6 years ago
    I don't have a lot of experience with Visionaire but I'm attempting my first project with it. I'm trying to put together a main menu. Some of the elements of the menu such as buttons, I'd like to slide into place and others, like the game title, I'd like to fade into place. And these should happen in a particular sequence. How would I do that? Would I treat buttons and so on as characters and play the sequence like it was a cut scene? Or is there some kind of animation/movement for objects that I'm missing? How do I fade an object into place? Thanks.

    James

    Forum Fan

    117 Posts


  • #2, by afrlmeWednesday, 10. December 2014, 15:51 6 years ago
    You can move objects/images with the move action parts found under scene actions. Or you can create the moving ones as animations & move them with lua script pretty easily too.

    As for the fade in one, that's easy. On scene start in an at begin of scene action use scene > set visibility action part. Link to the object you want to be transparent on scene start & set opacity value to 0 & delay to 0. This will set objects image opacity at 0% instantly.

    Inside of the at begin of scene action or a called by other action that you call in the at begin of action you should add the move actions parts & set visibility action parts as needed & control when to trigger them with pause action parts found under miscellaneous actions.

    Imperator

    6842 Posts

  • #3, by redsparkWednesday, 10. December 2014, 16:15 6 years ago
    Thanks. I'll try to find that. I wish there were more video tutorials. If I can learn visionare, I might make some myself.

    Forum Fan

    117 Posts

  • #4, by afrlmeThursday, 11. December 2014, 02:21 6 years ago
    I've created a .ved example. Will upload it the morrow sometime. wink

    Imperator

    6842 Posts

  • #5, by redsparkThursday, 11. December 2014, 04:25 6 years ago
    Thanks. I look forward to it.

    Forum Fan

    117 Posts

  • #6, by afrlmeThursday, 11. December 2014, 14:14 6 years ago
    https://www.dropbox.com/s/ee65h4523gfzbym/dynamic_menu.zip?dl=0

    Quick Summary:

    Example of how I created a dynamic menu in which the menu buttons slide into place from outside of the menu background & how I faded in the title in sequential order using lua script, set object visibility action parts & pause action parts inside of an at begin of scene action.

    On mouse over the menu buttons (once cursor is visible) it will extend the button background a little bit & will slide back to default position on mouse out. Also the button text opacity changes on mouse over/out to make it stand out more. You can of course replace the button image or apply a shader effect to it instead. I've just tried to keep it as simple as possible for this example.

    Read the readme.txt file for more information.

    Regards,
    Lee.

    P.S: This .ved should work in 4.1 although I've created it inside of a recent team build of the upcoming next version of vs.

    P.P.S: in the next build there is a new move to action part which will make it even easier to move objects around scenes as it allows you to set absolute target coordinates instead of offset, which I found to be a bit confusing.

    Imperator

    6842 Posts

  • #7, by redsparkThursday, 11. December 2014, 14:30 6 years ago
    That's awesome! Thank you so much!

    Forum Fan

    117 Posts

Write post