[Support for ConvolutionFilter?]

Sorry Carl and Jack, I know you guys said you like to keep the questions on topic with the API, but I feel this is. I am applying filters to a bitmap using something like: 

TweenLite.to(origBitmap,0,{colorMatrixFilter:{saturation:2,brightness:3});

 and that works fine.

 

I need to somehow apply a sharpen filter to the video which I have successfully achieved using a ConvolutionFilter. The problem is after I've ran the above tweenlite call, then create a convolution filter and apply it to origBitmap, it removes the initial saturation and brightness filters and just keeps the sharpen filter

private function applyEffects(effects:Array):void
{
  currentEffects = effects;
  var props:Object = {};
  for (var i:String in effects)
  {
    props[effects[i].effect] = effects[i].amount;
  }
  TweenLite.to(bitmap,0,{colorMatrixFilter:props});
  //-- props could look like {saturation:2,brightness:3}


  //-- This will sharpen the container sprite
  var matrix:Array = [0, -1,  0,
                     -1,  5, -1,
                      0, -1,  0];
  var conv:ConvolutionFilter = new ConvolutionFilter();
  conv.matrixX = 3;
  conv.matrixY = 3;
  conv.matrix = matrix;
  conv.divisor = 1; 
  bitmap.filters = [conv]; //-- this removes the above filters and just sharpens the image
}

Is there a way to also incorporate the ConvolutionFilter in that TweenLite call above? I've searched quite a bit and found some guy made a class called TweenMan which was based around your class where ConvolutionFilter is incorporated: https://github.com/danro/tweenman-as3

[My ByteArray isn't retaining filters]

Thanks for the suggestion Jack. I tried doing what you said, but it still did not work. I thought more about your suggestion and came up with a working solution!

 

var graphicsData:Vector.<IGraphicsData>;
graphicsData  = container.graphics.readGraphicsData(); 
var origBitmap:Bitmap = new Bitmap(); 
origBitmap.bitmapData = GraphicsBitmapFill(graphicsData[0]).bitmapData;


//-- at this point I have a screenshot of the video


var props:Object = {};
for (var i:String in currentEffects)
{
  props[currentEffects[i].effect] = currentEffects[i].amount;
}
TweenLite.to(origBitmap,0,{colorMatrixFilter:props});


//-- at this point I've reapplied the effects.
//-- originally, sending bitmap.bitmapData to the encoder didn't retain the filters so I went 1 step further


//-- create a new bitmapData and draw the reapplied filter'd bitmap
var filteredBitmapData:BitmapData = new BitmapData(640,360);
var filteredBitmap:Bitmap = new Bitmap(filteredBitmapData);
filteredBitmapData.draw(origBitmap);


//-- encode the new bitmap data
var image:ByteArray = new JPGEncoder(85).encode(filteredBitmapData); //-- filteredBitmapData is now filtered and I can send this to the server

[My ByteArray isn't retaining filters]

Unfortunately, I have already posted to SO and it hasn't received much attention so far: http://stackoverflow.com/questions/32705844/my-bytearray-isnt-retaining-filters

 

I thought of posting here because I am using TweenLite to apply the filters and thought maybe Jack would have some insight

[My ByteArray isn't retaining filters]

I have an RTMP stream that I need to take a screenshot of. I got a security error using bitmapData.draw() since it was coming from AWS S3 so I found a workaround that allows me to take a screenshot of the video:

var bitmap = new Bitmap(); 
var graphicsData : Vector.<IGraphicsData>;
graphicsData = container.graphics.readGraphicsData(); //-- container is a sprite that holds my video element 
bitmap.bitmapData = GraphicsBitmapFill(graphicsData[0]).bitmapData;
var image:ByteArray = new JPGEncoder(85).encode(bitmap.bitmapData);

At this point, I send the ByteArray to PHP, create a JPG out of the ByteArray and save it to the server. That all works great.

 

The issue is I apply filters real-time to the container sprite which alters the look of the video like brightness, contrast, saturation etc, but when saving to the server, the saved image doesn't contain the filters I had applied.

 

I tried reapplying the filters to bitmap, graphicsData and bitmap.bitmapData before sending it to the server, but nothing has worked yet.

 

How can I either retain the filters applied or re-apply the filters to the above code?

 

Here is how I initially apply the filters:

private function applyEffects(effects:Array):void
{
  currentEffects = effects;
  var props:Object = {};
  for (var i:String in effects)
  {
    props[effects[i].effect] = effects[i].amount;
  }
  TweenLite.to(container,0,{colorMatrixFilter:props});
}

props object could look something like: {contrast:0.5,saturation:1}

[Choppy animation with video tag in page]

thanks for the reply. That certainly did speed it up. Does that CSS property start hardware acceleration? 

[Choppy animation with video tag in page]

First, let me say, I don't think this is a problem with GSAP.

 

Look at: http://dopserv1.dop.com/test/ (sorry, I only have an MP4 at the moment)

 

On the image on the right, when you mouse over and click the zoom icon, a larger image appears.

 

The animation of the slide growing is choppy prior to starting the video. After the video has begun to play, the animation is much smoother. Anyone know the reason for this?

 

I have tested this in Chrome on windows 7 and safari on OSX, both with the same behavior

[colorMatrixFilter on text field]

I would use tint, however, I have a drop shadow on the text and if I tint it, it changes the color of the shadow too

[colorMatrixFilter on text field]

Ok, I've changed it from 0xffffff to a different color like red and it works. If I try anything close to white it doesn't work..I tried f1f1f1 and f2f2f2 and they both didn't work.

[colorMatrixFilter on text field]

I am trying to apply a colorMatrix filter on a text field and it doesn't seem to be working

 

private function menuOver(e:MouseEvent):void
{
TweenLite.to(e.target.txt,0.5,{colorMatrixFilter:{colorize:0xffffff},ease:Expo.easeOut});
TweenLite.to(e.target.bg,0.5,{colorMatrixFilter:{colorize:0x3299FF},ease:Expo.easeOut});
}

 

The bg changes color, but the text does not. Any ideas?

[TweenMax yoyo not working [SOLVED]]

nevermind..I have to activate the plugin now..

[TweenMax yoyo not working [SOLVED]]

rather than open another topic, hopefully somebody see's this. autoAlpha for TweenLite stopped working for me now too.

 

TweenLite.to(mc,1,{autoAlpha:0,ease:Expo.easeOut});

 

doesn't work.

[TweenMax yoyo not working [SOLVED]]

Thanks Jack. That worked.

[TweenMax yoyo not working [SOLVED]]

I tried yoyo:true also and that still doesnt work

[TweenMax yoyo not working [SOLVED]]

I have the latest version of TweenMax and yoyo stopped working for me:

for (var i:int = 0; i < buttons.length; i++)
{
var targ = getChildByName("btn" + i);
targ.id = i;
targ.buttonMode = true;
targ.useHandCursor = true;
targ.addEventListener(MouseEvent.CLICK, onClick);
TweenMax.to(targ, 0.5, {alpha:0.3, yoyo:0,ease:Linear.easeNone});
}

 

any idea why?

[convert string to the ease type]

Ahh perfect..that is exactly what I needed

[convert string to the ease type]

I am loading some variables in through XML. One of them is ease type ie: Expo.easeOut

 

Since its a string in the XML, its not working when I put the XML node where the ease is supposed to go. I tried typing it to an object but that didnt work.