Flex :: 4 - Crossfade Transition Of Two VideoDisplays Does Not Work
Feb 13, 2012
I'm trying to do a cross-fade transition in Flex between two states, both containing a VideoDisplay object. The problem is that the default CrossFade effect takes a bitmap snapshot of both states and blends between the two. This means that the movies appear to be frozen for the time of the transition. Does anybody know of a solution that uses a PixelBender (GPU-accelerated) method of fading between two movies? My other option is to manually re-order the video objects and change the alpha of the top one, but this uses a lot of CPU (in my case ±300%)...
im making my portfolio website and i was wondering if its possible to make 2 things:
1) crossfade transition effect between photos like: [url].... (i know site isn't flash) (when loaded click on f.ex. editorial location, left side click is previous and right side next)
2) first photo on category as a preloader (filling up from top to bottom). i got my photos in category too (on different swf files) and for now im using simple strip preloader.
i have a flex app that transitions between 2 states with the toggle of a button. my issue is that the effect of fading only seems to work on the 2nd transition and after. However, for my first transition... going from State1 to studyState... there is no fade effect whatsoever, in fact the components in state1 disappear completely (the footer fills the empty gap where the "body" use to be) and then the flex recreates the studyState (without any fade refilling the "body" with components only in studyState). After this first transition however, going between studyState and State1 working COMPLETELY fine.. why does this happen and how can i make it so that crossfade works STARTING FROM THE VERY FIRST TRANSITION?[code]
I'm working on simple videochat app with Adobe FMS 4.5. Everything works fine except one thing: I have small videoDisplay for each connected client and one main display. So user can choose his main interlocutor. When i'm trying to attach netStream to main display from small one, streaming on small one stops.
I have a vector circle and what to do the following: I'd like to animate it with tweenlite so it looks like a shockwave of an explosion. At first it fades in (from 0 to .5) and gets scaled and when it reaches half of the total animation time it fades out but it still gets scaled (hope you know what I mean). Currently it looks horrible because I don't know how to get a smooth transition from part 1 to part 2 with TweenLite. My animation stops when reaching the end of part 1 and suddenly makes a jump to part 2.
Total time of animation: .75 sec Total amount of scaling: 5
Code: part 1 of 2: TweenLite.to(blastwave, .375, {alpha:.5, transformAroundCenter:{scale:2.23}, onComplete:blastScaleFadeOut, onCompleteParams:[blastwave]});
part 2 of 2: private function blastScaleFadeOut(object:DisplayObject, time:Number = .375, scaleVal:Number = 4.46) { TweenLite.to(object, time, {alpha:0, transformAroundCenter:{scale:scaleVal}, onComplete:backgroundSprite.removeChild, onCompleteParams:[object]}); }
I have a vector circle and what to do the following:
I 'd like to animate it with tweenlite so it looks like a shockwave of an explosion. At first it fades in (from 0 to .5) and gets scaled and when it reaches half of the total animation time it fades out but it still gets scaled (hope you know what I mean).
Currently it looks horrible because I don't know how to get a smooth transition from part 1 to part 2 with TweenLite. My animation stops when reaching the end of part 1 and suddenly makes a jump to part 2.
Total time of animation: .75 sec total amount of scaling: 5
Code:
part 1 of 2: TweenLite.to(blastwave, .375, {alpha:.5, transformAroundCenter:{scale:2.23}, onComplete:blastScaleFadeOut, onCompleteParams:[blastwave]});
I have a vector circle and what to do the following:
I 'd like to animate it with tweenlite so it looks like a shockwave of an explosion. At first it fades in (from 0 to .5) and gets scaled and when it reaches half of the total animation time it fades out but it still gets scaled (hope you know what I mean).
Currently it looks horrible because I don't know how to get a smooth transition from part 1 to part 2 with TweenLite. My animation stops when reaching the end of part 1 and suddenly makes a jump to part 2.
I have this actionscript which works perfectly for a little xml gallery. But What I am trying to do is get a simple alpha transition to work when you select another picture.
I have a vector circle and what to do the following:I 'd like to animate it with tweenlite so it looks like a shockwave of an explosion. At first it fades in (from 0 to .5) and gets scaled and when it reaches half of the total animation time it fades out but it still gets scaled (hope you know what I mean).
Currently it looks horrible because I don't know how to get a smooth transition from part 1 to part 2 with TweenLite. My animation stops when reaching the end of part 1 and suddenly makes a jump to part 2.
Total time of animation: .75 sec total amount of scaling: 5
How can I add a Squeeze transition effect between frames using the transition manager class on a simple slideshow using the goBack and goForward functions in ActionScript3? Below is the code I have so far:
stop(); function goBack(event:MouseEvent):void {[code].....
I have looked up the tutorials on tween class etc. but can't figure out if I can crossfade images using nextFrame. I have a dozen images placed in their own frames and a button using nextFrame (and prevFrame) to navigate between them. How would I crossfade these images smoothly?
I have 2 movieClips that I want to fade.mc 1 fades out while mc2 fades in. I want to do it in AS to keep my file size down, 'cause I will be having quite a few of this happing.I know how to have one mc fade in using:(I know this is a fade in and I can fadein/out individually)
speed = 10; bigCalendar_mc.onEnterFrame = function() { if (this._alpha<100) {[code]......
I have a presentation using the "presentation" template that comes with flash. I am trying to transition slides with the behavior slide transition options. but I've learned that it works find while going into a slide and doesn't go to the next slide when leaving.So basically I want it so that on right arrow first play out transition then go to next slide.
I'm trying to do a crossfade effect, and I have [code]Which makes the image fade in, but I also want the image to fade out which it doesn't do, when I change direction:Transition.IN to direction:Transition.OUT
I've been working with Scotty's XML Crossfade (attachment link on bottom) and I'm trying to publish it in Flash 8...his version is in MX.I'm wondering (Scotty, if you know this, chime in!) if anyone knows really WHY I get an error message saying it can't find an undefined item in the folder I have the files in...yet the slideshow still works (with exception to the preloader).url...
I have an XML image gallery that works great, but I'm not satisfied with how the images transition. I'd like the old image to fade out while the new one is fading in whenever the viewer hits the previous or next button, so that way there's no blank background space between the transitions while the new image is being loaded. Below is my code[code]....
I've been looking into how to crossfade externally loaded .jpgs.So far everything I have found deals with slideshows and seems more complicated than what I need.I have created a new Loader that will load a .jpg when the thumbnail of the corresponding image is clicked.I am trying to get the currently loaded image to crossfade upon load completion of the new image being loaded.I'm thinking I can define a variable that is the current image in the loader and then on completion of loading of the new image run a function that fades out the current image and fades in the new image simultaneously.I am having problems trying to identify the currently loaded image of the loader into a variable.
I've been trying to combine Rhamej's wonderful XML gallery with Scotty's Crossfading gallery. I understand both of them separately and have modified both of them for fun, but they use such different functions that I'm having a hard time melding them together.
I have two different background images for my navigation bar. I want the two images to crossfade between each other incrementally depending on the position of the mouse cursor. I was thinking I could do this with an OnClipEvent (mouseMove) and an attach movie command, but I'm not really sure how that works... like I said, i'm just starting out, and I'm thinking I've bitten off more than I could chew.
I am building a modified version of a slideshow, using the code from a tutorial: [URL] What I am wondering is if it is possible to cross fade the imagery so that the images don't just fade in, jump to the next image and fade in. Here is the code I'm working with from the tutorial.
Here's the deal:I have an image and a button on my mobile app's homeview. I apply an animation to the image by pressing the button. That works great. PROBLEM:I want to add a view transition that pushes to the next view after the animation completes.CODE:
I have a <mx:Dissolve id="dissolveOut" ... /> Effect in an Flex page I'm working on, and I would like to reuse this effect in a <mx:Transition> sequence. Is there a way to call dissolveOut from MXML inside the Transition tag, or do I really just have to duplicate code?[code]
It is a circle divided into 5 equal parts each 72 degrees. So each state you can see is increases the rotation by 72 degrees. I have a transition for the rotation when the state changes like so:
[Code]....
Being that this is a circle you can actually rotate CW or CCW to get to the right degree for the state. Usually the rotation-transition uses whichever is lower. For example to get from Classic to Centro (0 to 72) it goes CW. But this is not always the case. To go from Lace to Lido (144 to 216) it goes CCW. This is not desired sense it would make a much better transition to go CW because it requires less spinning of the circle to get to the desired degree.
State transitions in flex are very helpful. Is it possible to add an automatic state transition between state A and state B in case there is no user response for 5 mins in state A or pop-up an alert?
I have a custom viewstack that applies automatically a slide in/slide out effect when the view changes. Everything goes smoothly when the views are lightweight but becomes jumpy when the next view requires heavy rendering. Here are the relevant parts of the code :
I just started developing in "Flash Builder 4" (flex framework) and I just can't figure out what the development process of animating characters should look like. My goal is to animate (standing - walking - jumping ...) a simple character like the stick figures in the game "Stick War" [URL]. I know there is a technique to do so by shape tweening in the Adobe Flash tool by using keyframes. But what I can't figure out is how to do it in Flex. Also it would be nice to get a description of a workflow from drawings to animation to code. Especially how to encapsulate the animated character in a class that manages the transition from e.g. running to jumping.
I already had another question on this issue which was successfully resolved. But now, with a slightly different example, I'm stuck again.I have two states. When I switch from A to B, it resizes correctly, but when I switch from B back to A it happens without the smooth resize transition. What am I doing wrong?Here's my code:
<fx:Script> <![CDATA[ protected function rollOverHandler(event:MouseEvent):void[code].............
