Code Monkey home page Code Monkey logo

Comments (3)

mathmods avatar mathmods commented on May 26, 2024

I'm working on this enhancement.

I'm considering using the existing tween object on a ColorRect (invisible by modulation) to change the size of the container without jumps. (Also adding a modulation tween to the resultview to ensure text doesn't "pop").

We could also animate the panel when showing a hint, see Consider adding optional hint to quizzes

With this I'll consider making a "_switch_view" function that takes two views and animates the transition between the elements.

from learn-gdscript.

NathanLovato avatar NathanLovato commented on May 26, 2024

Thanks for the help! Tweening the rect_min_size of some element would definitely be the way to go. Youĺl likely have to tween the size of the root container of the quiz UI so it properly moves elements around it in the lesson UI.

You can also set some container node to Clip Content during the transition to animate the container size. I think Revealer.tscn is a good example of how to approach UI animation like that.

And I see the referenced issue in my top post didn´t get linked correctly, itś #16

from learn-gdscript.

mathmods avatar mathmods commented on May 26, 2024

Thanks for the tips! I'll look into that.
Clipping content will probably look better in code (and practice) than the thing I attempted last night (yielding to timers to hide and show the items).

And I now see how the help is supposed to work, I'll deal with that once I've gotten it to actually change size properly.
Might add an internal function that just checks the size of it's own contents and then animates to fit. (Upon size change of the margin container perhaps)

from learn-gdscript.

Related Issues (20)

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.