Giter VIP home page Giter VIP logo

Comments (17)

joelgomes1994 avatar joelgomes1994 commented on August 22, 2024 1

Yes, that's the behavior, one single animation back and forth. But I surely can implement different animations both for entering and leaving the screen, that shouldn't be difficult (for example, 'Slide Left' for entering the screen, 'Slide Right' for leaving the screen).

from simple-gui-transitions.

trekfan42 avatar trekfan42 commented on August 22, 2024 1

you are awesome! thanks so much!

from simple-gui-transitions.

trekfan42 avatar trekfan42 commented on August 22, 2024 1

wow, I guess I am going crazy, I don't remember having that issue...
Maybe it has something to do with how my nodes are parented vs yours?
Oh well, no big, I may go in and try to manually set the instanced scenes to animate on add.

Thanks again for this great addon!

from simple-gui-transitions.

joelgomes1994 avatar joelgomes1994 commented on August 22, 2024

Hi! I'm not sure if I understand what you mean... Is it like the example below?

2023-01-15.16-09-48.mp4

You can actually mix several animations in the same layout, to animate parts of the layout with different animations, like so:

2023-01-15.16-01-49.mp4

from simple-gui-transitions.

trekfan42 avatar trekfan42 commented on August 22, 2024

yeah exactly, I cant figure out how to make that happen, when I trigger going to a new page, it just slides back out the way it came by default

from simple-gui-transitions.

trekfan42 avatar trekfan42 commented on August 22, 2024

Yeah I think 2 fields one for the enter animation and one for the leave animation would be great!
Here is the app I am working on that is using it: https://trekfan42.github.io/MiniGolf_Scorecard/
that link isnt a repository, its a web app it runs automatically

I want to use the scroll right to enter and the scroll left when leaving to make it like a carousel effect.

from simple-gui-transitions.

joelgomes1994 avatar joelgomes1994 commented on August 22, 2024

Alright, I'll work on this feature. Thanks for the feature request!

from simple-gui-transitions.

joelgomes1994 avatar joelgomes1994 commented on August 22, 2024

@trekfan42 I've implemented the requested feature and other improvements. The updated plugin is available at the releases page.

2023-01-16.23-01-25.mp4

from simple-gui-transitions.

trekfan42 avatar trekfan42 commented on August 22, 2024

@joelgomes1994 I'm loving the new array node selection as well!

from simple-gui-transitions.

joelgomes1994 avatar joelgomes1994 commented on August 22, 2024

@joelgomes1994 I'm loving the new array node selection as well!

Yeah, that's a pretty handy feature, gives us more control. I'm glad you liked it. 😉

from simple-gui-transitions.

trekfan42 avatar trekfan42 commented on August 22, 2024

I'm having an issue where the slide animations don't work unless I specify the nodes in the array, But some nodes in the tree are instanced and so they only fade when animating...
If I remove all the nodes from the array, it should animate the whole page, but whole page slide animations dont work, they only fade.

whole page animation with slide worked fine in the last release

see: https://trekfan42.github.io/MiniGolf_Scorecard/

from simple-gui-transitions.

trekfan42 avatar trekfan42 commented on August 22, 2024

@joelgomes1994 any idea if this is a bug or if I'm doing something wrong?

from simple-gui-transitions.

joelgomes1994 avatar joelgomes1994 commented on August 22, 2024

Well, it's more of a non-implemented feature: the addon does not support dynamic addition of nodes yet.
As I develop the addon especifically to meet the needs of @murikistudio's projects, I'm sure I'll eventually add this feature soon (for example, to animate a scoreboard with dynamic scores). For now, maybe just fading or scaling the parent container should do the job.

from simple-gui-transitions.

trekfan42 avatar trekfan42 commented on August 22, 2024

@joelgomes1994 okay, I understand, I was just curious if maybe something broke since sliding animation for whole node groups worked in the last build, but not this one...
Now slide animations don't work unless you specify nodes part of the new array feature...

from simple-gui-transitions.

joelgomes1994 avatar joelgomes1994 commented on August 22, 2024

There's actually a reason: the previous release performed the slide animations on the the control's rect_position, allowing parents to move around and take children with them. That was cool, but if you resized the screen all the positions and animations would break (except when using display/window/stretch/mode to 2d). The current slide animations use a shader to move the vertices, fixing the screen resizing problem but disabling the parent-children translation. Maybe I could add an option to select the shader or the absolute rect_position, so the user could pick his poison.

from simple-gui-transitions.

trekfan42 avatar trekfan42 commented on August 22, 2024

I use animating rec_position for my background texturerect, I haven't had any issues with respecting to stretching and my project is set to viewport

from simple-gui-transitions.

joelgomes1994 avatar joelgomes1994 commented on August 22, 2024

When the screen is resized, the addon would lose track of the original position of the controls to animate them back. That doesn't happen on the stretch mode set to 2d.

image

2023-01-18.22-15-39.mp4

from simple-gui-transitions.

Related Issues (3)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.