Search the Community

I am using React as part of my stack. I have two elements: 1. A circle, made up of a div using css to style it 2. A square, made up from an svg using a fill colour. I want to be able to use a library, possibly gsap, to programatically trigger the change in position of the both elements from position (x,y) to position (x,y) on the screen using a custom path (svg) or bezier curve. With the above in place, I want to be able to apply a motion blur to the circle and square to enable it to look as if there is a blurred trail behind it. Can anyone recommend me the the right tools to achieve the above?

Hi guys, I'm loving the new site, much easier to use, nice work! so what do you think? can it be done? TweenMax.to(gfall, 1, {shortRotation:{rotation:98 }, motionBlur :true, delay:9 });

This line works great: TweenMax.to(mc, .5, {y:100, motionBlur:true}); This line makes the movieclip disappear: TweenMax.to(mc, .5, {y:100, rotationY:45, motionBlur:true}); Happens whether I animate the 3D rotation, if I do it in the HUD, or if I do it with standard AS3. Am I doing something wrong?

Hi, When using the MotionBlur plugin to animate a MovieClip (that is not the Youtube Player but a local symbol), I get: at flash.display::BitmapData/draw() at com.greensock.plugins::MotionBlurPlugin/setRatio() at com.greensock::TweenLite/render() at com.greensock::TimelineMax/render() at com.greensock::TimelineMax/render() at com.greensock.core::SimpleTimeline/render() at com.greensock.core::Animation$/_updateRoot() The problem is of course that you are not allowed to use BitmapData.draw on any remotely loaded objected (in this case the Youtube Player). The odd thing is that I am not trying to tween the youtube player, I'm trying to tween another completely different (local) element. What I realized is this: If you are trying to motion blur something that is on the same scope/"level" as the youtube player: (child-)level MovieClip Parent 0 Stage - 1 MC to be blurred Stage 1 Youtube player Stage What the MotionBlur plugin does is that it takes the element, and in MotionBlurPlugin.as:369 does: _bdCache.draw(_target.parent, _matrix, _ct, "normal", bounds, _smoothing); Which means that it makes a new Bitmap object and tries to take a snapshot of the MovieClips parent, not the MovieClip itself. In my case this is the Stage (level 0). This - however - means that it tries to take a snapshot of an object (in my case the Stage) which includes the Youtube Player (loaded remotely) and thus gives the error. To reproduce 1. Include the Youtube Player Proxy (or download the example project on from http://goo.gl/NXH5L), 2. Add it to the stage 3. Create a new symbol 4. Add it to the stage 5. Try to use the MotionBlur Plugin on the newly created object Solution Put all your objects that you will tween in an empty Symbol and add that symbol to the stage. That way, when the MotionBlur plugin tries to fetch parent it only gets the newly created Symbol. I don't know if this is something that the MotionBlur Plugin can even fix, that said, this would be nice: try{ _bdCache.draw(_target.parent, _matrix, _ct, "normal", bounds, _smoothing); }catch(е) { trace("The animated object (" + _target + ") can't live on the same level as a remote object (such as a video player). To solve this, put the animated object into it's own empty MovieClip"); }

Hi, I'm trying to apply a motion blur to a 3d Tween (using z axis) but it removed the MovieClip from the stage This works fine: TweenMax.from(sq1, 3, { x:400 ,y:300, motionBlur:true} ); This, however does not: TweenMax.from(sq1, 3, { z: "300", x:400 ,y:300, motionBlur:true} ); Any suggestions? thanks