realtime effects on a video component - apache-flex

I have a flex 4.5 application that uses a mx:VideoDisplay component to display the webcam.
how can I add realtime effects to that VideoDisplay component ?
for example:
changing colors, particle/grain looks, wave effects, zoom and so on
thank you!

Changing colours can be done using any of the mx.graphics.shaderClasses.* by applying a blendMode
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/graphics/shaderClasses/package-detail.html

Related

Adding Angular Components over top of Canvas

I started building out an Angular 7 HTML5 Canvas Zoom/Pan component starting from Neal Miller's project. https://github.com/Durwella/zoomable-canvas.
After a few modifications, I finally came up with something like the following. Pretend I'm making a Fire Detection Application and I want the circles to be detector device angular components that respond to SignalR updates. Could basically turn red, green, or yellow.
Does anyone know how, or have a package, to do Angular 7 component overlays over top of the canvas? Do I even need to use the canvas? Should I use absolute positioning? I'm basically just looking for some best practice guidance here I guess.
Thanks in advance for any help!
I was wondering if anyone has any insights how I may add Angular Components

Resize Sprite Flex/ActionScript

I am creating Sprite objects as simple shapes, and would like to know how to resize them dynamically.
my question:
How can I enable the Sprite to be re-sized on mouse drag(perhaps enabling a only a portion of the Sprite for this behavior)?
It might be important to note that I am using the Flex SDK, and therefore do not have full
access to the Flash libraries.
Thank you in advance.
You might want to check out the Flex Object Handles open source library. Check out the demo to see how it can be used to allow users to resize any object in a Flex app.
Doesn't the sprite always adapt itself to its contents to set its height and width? (like movieclips in as2). If you want to resize a sprite, I guess you'd have to draw something as background?
What do you mean by enabling a portion of the sprite to be re-sized?

Lightbox with Flex

I want a fusion chart in my flex app to display with a Lightbox effect like the effect you get when you click on any of the charts here or checkout the demos here
These effect have been attained with the help of javascript. How do i get the same effect via Flex? Any idea?
Thanks a lot
I built a Flex component called PopUpThumbnail that is very similar to HTML/JavaScript lightbox components.
Here's an example application that I created with it to displays Flickr images.
Add a mask over the top of the whole application with the content area in the middle and the semi alpha area around it. Clicking on the surrounding mask removes the layer, and you can interact with the content area as normal (make it look like a popup rather than actually using one...)

Flex Skinning and Adobe Illustrator

I'm developing a skin for Flex 3 using Adobe Illustrator and I've just ran into a problem. I've designed a larger scrollBar skin to be used in a touch screen application but Flex seems to apply the default sizes regardless of the size of the symbol in the generated .swf. I could achieve the correct effect with .png but I'd like to know if it's possible using the previous method.
Found it... i was mistakenly editing a symbol instance and not the symbol itself. Working just fine now.

air flex windowed application rotation

We have a air/flex app that we want to add an effect to. Basically we want to rotate the whole window when a particular button is clicked. Similar to say how, the clock widget behaves in mac os dashboard when you click the 'i' button, the whole widget rotates.
I'm wondering if this sort of thing is possible in air/flex 3?
Thanks
Sure, you can use Papervision3D to do this.
http://code.google.com/p/papervision3d/
There are also some pre-built Flex effects that leverage PV3D available here:
http://www.tink.ws/blog/papervision3d-effects-for-flex-source/
You can use Tink's "Flip" effect just like you would any other built-in Flex effect.

Resources