Code Monkey home page Code Monkey logo

Comments (10)

mattgperry avatar mattgperry commented on May 22, 2024

I'll have to take a closer look when I'm back at a computer but my first guess is the first time the fadeIn animation fires it isn't going from '0' - you can force this by setting 'to' and 'current' explicitly on 'opacity' bit generally I just have one for fadeIn and one for fadeOut and call them both with 'start'

from popmotion.

tinchox5 avatar tinchox5 commented on May 22, 2024

You are right!
var fadeOut = new ui.Tween({
duration: 280,
values: {
opacity: {current:1, to:0} // works
}
});

var fadeOut = new ui.Tween({
duration: 280,
values: {
opacity: 0 // doesnt works
}
});

Thanks

from popmotion.

tinchox5 avatar tinchox5 commented on May 22, 2024

in addition, a want to change the border color, so I set borderColor both in Actor and Tween:
this is the error on console : TypeError: t.getPlayable is not a function (vs 4.2.4)

note: (also I tried use current and to, but not works). you can view this if uncomment line 58

from popmotion.

mattgperry avatar mattgperry commented on May 22, 2024

I think this line is the problem:

ctrlcircle.toggle().reverse().then(ctrlcontact.toggle().reverse());

should be

ctrlcircle.toggle().reverse().then(function () {

ctrlcontact.toggle().reverse()
});

On Tue, 8 Dec 2015 at 23:37 Juan Martin [email protected] wrote:

in addition, a want to change the border color, so I set borderColor both
in Actor and Tween:
this is the error on console : TypeError: t.getPlayable is not a function
(vs 4.2.4)

note: (also I tried use current and to, but not works). you can view this
if uncomment line 58


Reply to this email directly or view it on GitHub
#127 (comment)
.

from popmotion.

tinchox5 avatar tinchox5 commented on May 22, 2024

Sorry Matt, when I do that, this is the error: Uncaught RangeError: Maximum call stack size exceeded

from popmotion.

mattgperry avatar mattgperry commented on May 22, 2024

Ah I've found the source of this bug, I'll try to fix it today.

Thanks

from popmotion.

mattgperry avatar mattgperry commented on May 22, 2024

@tinchox5 Should be fixed with 4.2.6

from popmotion.

tinchox5 avatar tinchox5 commented on May 22, 2024

Yeah thank you Matt! Also for add fillOpacity and strokeOpacity to svg role.

from popmotion.

mattgperry avatar mattgperry commented on May 22, 2024

@tinchox5 I saw another message somewhere but can't find it now about fillOpacity and strokeOpacity still not working but can't find it now. Try 4.2.7 - I misunderstood what was required. They were getting set as strokeOpacity when the format is stoke-opacity, now all properties will be reformatted to this.

Thanks for letting me know, it's been a real help ironing out bugs.

from popmotion.

yashsway avatar yashsway commented on May 22, 2024

Animating the opacity doesn't work in the latest release.

from popmotion.

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.