Comments (10)
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.
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.
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.
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.
Sorry Matt, when I do that, this is the error: Uncaught RangeError: Maximum call stack size exceeded
from popmotion.
Ah I've found the source of this bug, I'll try to fix it today.
Thanks
from popmotion.
@tinchox5 Should be fixed with 4.2.6
from popmotion.
Yeah thank you Matt! Also for add fillOpacity and strokeOpacity to svg role.
from popmotion.
@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.
Animating the opacity doesn't work in the latest release.
from popmotion.
Related Issues (20)
- Are there examples? "Green boxes"? HOT 1
- Animation sequence HOT 1
- 'action' is not exported from 'popmotion' HOT 1
- CDN link maybe not working HOT 1
- How to have more values in short duration? HOT 1
- Allow global override of Framesync loop
- Popmotion: React import { animate } from "popmotion"; fails HOT 2
- Popmotion: Animation duration stretched when using pixi.js Ticker as animation driver HOT 2
- Importing Popmotion via "/dist/popmotion.global.min.js" 404 Issue HOT 2
- Stuttering motion on Chrome and Edge
- popmotion 11.0.3 import not working (missing exports) HOT 4
- 一些建议
- Cannot compile in CRA@5
- primary use error by Vue HOT 2
- mixerFactory is not a function
- Modernize build target and eliminating tslib.
- Popmotion.io footer nav link HOT 1
- Pause and rewind capability HOT 7
- Popmotion: Different content on each Modal
- Is there a lifecycle event that can listen to the completion of each repetition?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from popmotion.