Animation of bitmap by alpha blending

Similar Questions

• should I do animations with bitmaps or vectors?

  This is something that has been troubling for some time and I can't seem to get an answer from the people around me, so I decided to make a post on the forums.

  Now I intend to animations in After Effects and download them to youtube, but I don't know if I should draw in photoshop using bitmap images or if I have to go in illustrator and use vectors.

  As long as you don't plan on the use on a large scale, it's a moot point. People always obsess on the use of vectors when they don't really need them and of course limits of AE repeatedly make often benefits vectors can pixelation effects, the application anyway. In the end, it's one of those things 'it depends', and you must decide on an 'if necessary' basis, rather than on a general level.

  Mylenium

• Alpha Blending

  Is there a formula to take a final flattened RGB color and if you know the matte color, to extract the original color of topLayer and his alpha?

  Suppose I ffff0000 and matte is ffffffff, and I apply the mixture at 50%, the flattened layer would be a rose.

  can I take this pink spell if I knew there were 50 alpha him and bring back to ffff0000?

  result = (alpha * top) + ((1-alpha) * bottom)

  Which would, of course, be standardized and rounded to somewhat accuracy you use.

  There are 4 values involved.  If you know the 3 of them, you can retrieve the fourth.

  In some cases (composite against black or white), you can estimate the alpha value and get a decent result with only 2 values known (result and mat color).

• IMAQ image with alpha (partial transparency) blending overlay?

  I'm using Labview 2014 on Win7. I found examples of image color with binary transparency overlay (A + B = OUT with each output pixel is 100% image A or B of the image), but have found no examples of mixture alpha (partial transparency). For example, a few pixels output are (20% to + 80% B).   I can do it in LabView?

  IMAQ ArrayToColorImage VI takes U64 pixels of the image and the clusters of 4 values unsigned 16 bit, interpreted as the red, green, blue, and Alpha planes.  Is there any VI that makes use of the 4th (alpha) plan to make an alpha blending by combining two bitmaps?

  IMAQ Overlay Bitmap VI comes with the note "Ce VI does not support alpha blending." Are there any other VI that supports alpha blend?

  Hi jbeale1,

  IMAQ does not display transparency. It maintains the alpha channel, but does nothing with him.

  If you want to emulate transparency alpha blending manually here is a page on that are:

  http://www.NI.com/example/26682/en/

  I hope this clarifies some things.

  Michael

• Blend two bitmaps in a new BitmapData, using a blend shader

  Hello

  I have:

  Two images of the same size as bitmap BitmapData.

  I want to:

  A largest BitmapData, with the two images mixed in a slope like that...

  1st row: [BitmapData 1]

  2nd row: [BitmapData BitmapData 2 1 mixed up on the top of the page, alpha 0.1]

  Row 3: [1 BitmapData with BitmapData 2 mixed up on 0.2, alpha]

  Row 4: [1 BitmapData with BitmapData 2 mixed on 0.3, alpha]

  ....

  Line n: [BitmapData [2]

  ------------------------------------

  I can easily implement this using the standard alpha blending. However, I would use my own algorithm of mix, and do it with actionscript is too slow. Therefore, I would like to implement the merge as a Pixel Bender shader function. I came here to make a function that works with the standard alpha blending and no shader custom involved:

  protected function createGradientLookupTable( bitmapAtBlend0:BitmapData, bitmapAtBlend1:BitmapData, steps:uint ):BitmapData {
    var gradient:BitmapData = new BitmapData( 256, bitmapAtBlend0.height * steps );
    var translationMatrix:Matrix = new Matrix();
    var alphaTransform:ColorTransform = new ColorTransform();

    for( var row:int = 0; row < steps; row++ ) {
        gradient.draw(bitmapAtBlend0, translationMatrix);
        alphaTransform.alphaMultiplier = row / ( steps - 1 );
        gradient.draw(bitmapAtBlend1, translationMatrix, alphaTransform );
        translationMatrix.translate( 0, bitmapAtBlend0.height );
    }

    return gradient;
}


  This method works. At first, I did a fusion of shader to Pixel Bender, just to check if I can load into my Flash Builder project and operate standard alpha. This filter works in Pixel Bender 2.5:

  <languageVersion : 1.0;>
kernel BlendHCL
<   namespace : "com.yadayada";
    vendor : "Yada Yada";
    version : 1;
    description : "Blends colors using hue chroma luma";
>
{
    input image4 src1;
    input image4 src2;
    output pixel4 dst;

    parameter float alpha;

    void
    evaluatePixel()
    {
        float4 pixelBottom = sampleNearest(src1,outCoord());
        float4 pixelTop = sampleNearest(src2,outCoord());

        dst = pixelBottom + ( pixelTop - pixelBottom ) * alpha;

    }
}


  Don't mind the description etc., currently it's supposed to only must accept a parameter alpha and mix using the standard alpha blending. Just to see I can make it work. Here is my Actionscript code is modified to use the custom mixer, this code does NOT work:

  protected function createGradientLookupTable( bitmapAtBlend0:BitmapData, bitmapAtBlend1:BitmapData, steps:uint ):BitmapData {
    var gradient:BitmapData = new BitmapData( 256, bitmapAtBlend0.height * steps );
    var translationMatrix:Matrix = new Matrix();
    var bitmap1:Bitmap = new Bitmap( bitmapAtBlend1 );
    var blendShader:Shader = new Shader( blendShaderCode );

    for( var row:int = 0; row < steps; row++ ) {
        gradient.draw(bitmapAtBlend0, translationMatrix);
        blendShader.data.alpha.value = [ row / ( steps - 1 ) ];
        bitmap1.blendShader = blendShader;
        try {
//            gradient.draw( bitmap1, translationMatrix ); // doesn't work
            gradient.draw( bitmap1, translationMatrix, null, BlendMode.SHADER ); // doesn't work either
        }
        catch( e:Error ) {
            trace( "Error happened! " + e.message ); // No error messages reported
        }
        translationMatrix.translate( 0, bitmapAtBlend0.height );
    }

    return gradient;
}


  This code change does not report the errors, it is just as if the alpha is always 1.0. The second image completely replaces the first. This is the expected result if the shader blend is not implemented at all. All the example code that I find using a blend shader, mixes just the colors directly on the screen, not in a new Bitmap or BitmapData object. Can anyone help?

  PS: Debugging in Flash Builder 4.7 and inspect the variables indicate that I have an object valid shader (blendShader).

  It seems to me I couldn't do it as I wanted. Instead, I created a shader that could create the gradient while only once and actually an object instance ShaderJob in Flash to do the job. Here is the code of the shader which results from:

  
  
  kernel BlendHCL
  <   namespace : "com.yadayada";
      vendor : "Yada Yada";
      version : 1;
      description : "Blends colors using hue chroma luma";
  >
  {
  
      input image4 src1;
      input image4 src2;
      output pixel4 dst;
  
      parameter float imageHeight
      <
          minValue:     1.0;
          maxValue:    64.0;
          defaultValue: 2.0;
          description: "The height of the images that will be blended in the gradient result";
      >;
  
      parameter float steps
      <
          minValue:      2.0;
          maxValue:   1024.0;
          defaultValue: 64.0;
          description: "The number of shades in the gradient";
      >;
  
      void
      evaluatePixel()
      {
  
          float2 sampleCoord = outCoord();
  
          sampleCoord.y = mod( sampleCoord.y, imageHeight );
  
          float4 pixelBottom = sampleNearest(src1,sampleCoord);
          float4 pixelTop = sampleNearest(src2,sampleCoord);
  
          float alpha = floor( outCoord().y / imageHeight ) / ( steps - 1.0 );
  
          dst = pixelBottom + ( pixelTop - pixelBottom ) * alpha;
  
      }
  }
  
  

  The following Actionscript code:

            public function createGradientLookupTable(bitmapAtBlend0:BitmapData, bitmapAtBlend1:BitmapData, steps:uint):BitmapData {
                 var shader:Shader = new Shader( blendShaderCode );
  
                 shader.data.imageHeight.value = [ Number( bitmapAtBlend0.height ) ];
                 shader.data.steps.value = [ Number( steps ) ];
  
                 shader.data.src1.input = bitmapAtBlend0;
                 shader.data.src2.input = bitmapAtBlend1;
  
                 var result:BitmapData = new BitmapData( 256, bitmapAtBlend0.height * steps );
  
                 var shaderJob:ShaderJob = new ShaderJob(shader, result);
  
                 shaderJob.start( true );
  
                 return result;
  
            }
  
  
  

  It worked. The shader still conducting a standard alpha blending, but now I go to do the actual shader of coding.

• setARGB causes the Bitmap to draw more slowly

  He seems to call setARGB on a Bitmap causes him be attracted 25 x slower. The effects of setARGB are permanent, once it's called the Bitmap is drawn to always at a slower pace. I noticed setARGB calling on a Bitmap in a constructor does not slow it down, as in other functions. Is there anyway to change this, in any case to keep the bitmap drawn at an accelerated pace? Or y at - it another way to do the same function as the setARGB?

  I'll put warn to do many broad assumptions based on the calendar of Simulator.  But I agree that sounds disconcerting.  I assumes the call setARGB active alpha on the bitmap level, which will cause her to shoot more slowly due to the alpha blending needs to happen.  But that's just a Wild * beep * Guess

• Alpha levels adjustment

  I have a rendered 3d that has some areas transparent semi (shadows on objects masts) I want to get rid. A single can adjust the alpha and all levels less than 25 years set to 0 for example in AE.

  In PS, all of the alpha channel seems to be out of reach... It is not in the channels tab?  I can add one but PS filled it with a B & W to my RGB image version... This thing I am lack here?

  I think it is because outside of the alpha PS is actually transparency.

  Other software I'm working (AE, first, Nuke, 3dsMax etc) manage it differently. It the layer alpha, and there isn't one of these, is used to describe the transparency of a pixel, either direct or premultiplied.

  When searching for the topic I find many discussions like this one where the terms alpha and transparency within the PS have a different meaning compared to how it used outside PS don't say not that one is better than the other but it is a great source of confusion.

  See the chapter "alpha blending" here to see how it works on low level and compare this to the way that PS represent: http://en.m.wikipedia.org/wiki/Alpha_compositing

• Export a clip of move with alpha channel

  
  

  Hello

  I'm trying to export a displacement of clips with alpha channel.

  I'm trying to export an animation with first CS5. I made an animation of a spinning object in Maya and exported in the form of TIFFs with alpha channel. Then they are edited with Photoshop to give them a drop shadow.

  My problem is the following. Can I export this animation of tiff with alpha channel?

  My plane is to use clips from moving in a background in a game - depending on the outcome, there are different animations playing on top of several different backgrounds. It to the objects must have a transparent alpha on the bottom channel.

  Again, the reason for this is the complexity of the game and make the game looking as real as possible. I hope help here to make my plan possible

  .. .thanks

  It comes to CS4, but it applies as well to CS5: exporting files video with alpha channels

  This reference is mysteriously absent from the CS5 help, but follow these steps and you can export a movie of alpha channel.

• Animation - new Version of Flex/AIR demo

  I put a new version of AnimDemo here:
  
  http://www.flexolero.com/demos/AIRAnim.zip
  
  Changes:
  
  -Migrated to the object-oriented design (the previous version was a quicks)
  -All the stuff of the framework are now in libAnim2D
  -CSceneManager maintains a list of CAnimatableItem objects, anime and check the collisions
  -CAnimatableItem now maintains a kind property
  -Sets for example a friend or enemy-delivery
  -Moreover, CAnimatableItem maintains a list of types with which they can have collisions
  -For example call a friend collide with the enemy, the enemy cannot collide with enemy.
  -CSceneManager uses these collidable types to calculate collisions of CAnimatableItems
  -Some mathematical function has moved to the C2DTools class, which exposes them as static
  -New class CAnimLabel that appears / disappears regularly
  -Example of code is now kept in the sampleApp folder
  
  The sample application is now much cleaner, because CSceneManager more complex things, but does inject a 'global' animation helper function by using the setFrameCallback() method.
  
  However, the framework implements no time-based animation.

  Just a note, that the archive

  http://www.flexolero.com/demos/AIRAnim.zip

  has been unfortunately empty. My fault. Yesterday, I solved the problem.

  Have a look here to review the application running in your browser:

  http://www.flexolero.com/demos/FlexAnim/FlexAnim

  Note that the current version is cached objects animated as bitmaps. On an XP with a Pentium DP, the demo makes 500 animated objects [ships] with a rate of about 30.

  Change the HSlider at the bottom right of the screen to change the number of moving on-screen objects.

• canvas animate collisions

  is this difficult to make collisions in Web of windows? the tutorial on createjs is simple by clicking on something and that in fact disappear is not a hitTest is a type of click, one of the big success of flash was that of collisions where it is so easy to script as it is still easier to products I learn after flash agony, enchantjs, construct2, buildbox, almost any other game , making the product is super easy, all I've found, is some tutorial in createjs which gives a .html, adobe would not provide a tutorial providing a flash file showing us how to do the simple way? If I'm suppose to develop graphics and animations in flash, to then open collars or dreamweaver for coding all interactions in createjs? You can create very complex interactions in a pletora of products without coding?

  I loved flash and I was hoping to try the new risen Phoenix thing happylly but since obiously html5 canvas is the new default document that adobe was going to launch a product with 0 detailed tutorials or new on its most important new function!

  is there really nothing more simple than in enchant.js:

  // Detect if sprite collides with sprite2

  if(sprite.intersect(sprite2)) {

    alert("hit!");

  }

  all I ask is for a tutorial on how when the movieclip overlaps with another change of variable, is this too much for flash to make that easy? so I guess that flash html5 canvas is as a tool for Web site still only for nice banners!

  Collision detection of EaselJS pixels for bitmaps with Alpha threshold | indiegamr

• Mask cc 2015 options + timelineheader frustrations

  Hello

  In previous versions of legacy, I used the effect of stroke as well as a solid in the stencil alpha blend mode to create a path text effect.

  I did it by drawing the mask around my letters on a solid layer on top, revealing hereby the text as its been drawn with edge effect.

  However, in the new update, the masks that are not closed do not show the options for adding, subtraction etc more.

  During the development of masks to cover the letter O, they are a closed circle, they still display these options.

  However, because some of the masks (for example, the letter C) doesn't have these options. The edge effect does not work like that, I have to solve by changing the options of mask of closed letters to zero and that the addition of another mask in an area outside the text, he adds, to the edge effect to behave as he used to change. It's very unhelpful, and I fear that works made with the previous version has opened at cc2015 will suffer from this problem as well and does not display the correct animation as they did.

  Is there an option to add mask options to not closed masks again?

  I don't want to go back to cc2014 if I have not...

  In addition, major dislike to the effect of autolooping when previewing in the space bar. If I press the space bar to stop the preview, I want as my header of chronology to be on this point, only not to jump at the beginning of the preview.

  Masks that were never shown add it, subtract, etc, options. Never did. They don't make sense if the mask does not have an alpha channel. Cs6:

  

  Behavior of race also has not changed. Create a bunch of masks open or closed, add effect > Generate > Stroke, select all masks and animate the start or endpoint and access roads will be traced in order. I can't do anything else. Looks like you haven't set out writing on transparent STROKE. It bypasses the alpha channel of the mask and eliminates the need to set the mask to none options. Also, there is no need to close the trace on an O if you do not want. Most of the time when I use the time to do a write up about the effect, I use only one way because it is easier to go down the calendar so that it looks like a signature. When someone writes with a pen time passes as they move from one letter to the other. I got this by simply pressing a path that is pretty close to the way that a pen would follow everything in writing the text. Parts overlapping a letter as the letter A are handled with masks on the layer of text that I animate the race going on the overlap. I also use the STROKE layer as track matte instead of using the Alpha template because it's easier to control, edit and modify.

  Here is a screenshot of how I would set up a mask for the word Path:

  

  And here's what the masks on the layer of text would look like before you begin to animate the race:

  

  Each mask would stay in place until the race need to reveal this part of the letter. Even if it takes a little while to implement, this is by far the best way to write the text.

  You can change playback options in the Preview Panel. In addition, there an update due at any time now, that is supposed to fix many problems of reading.

• dynamic text transformation

  transformation can be applied to dynamica text and input. I saw a finished text entry field. I'm sure that this is possible.
  When I turn the dynamic text then the text disappears. Scale not disappear the text but does not show effects.
  
  Help, please.

  Conversion, alpha blending and tween movement works. Pleae try tilt. However, I have idea that need the bitmap class and the implementation of the Matrix class.

• Change FPS with or without change of PACE

  OK, I guess this isn't a new topic, but since I can't find something recent and relevant, here goes:
  
  I have an animation that I'm trying to shave a few kilobytes off, and a quick and obvious answer to this would be to reduce the frame rate. Obviously a relatively complex and much animation if I cut back on the FPS, the animation slows down, producing very undesirable results. Lets say for example, I have a file which is of 180 images for a long time, clocked at 24 fps. If I want to reduce up to 12 fps, is there an easy way to cut the timeline in half (do the animation run at the original rate), with all the keyframes, the motion tweens, etc. automatically reduced by a percentage, rather than having to go and manually all cut in half?
  
  Before these other byte shaving suggestions are made, I should say that I am well aware of the problems with things like alpha blends, gradients and reducing the size of JPEG compression. I've already supported such things to get more realistic results.
  
  Any idea anyone can give me would be much appreciated. Thank you!

  There is no easy way to "accordion". the chronology of animation in Flash But
  for a quick test, you will see that if you change the pace and the test
  your movie, the file size will not change. Frame rate has no effect on the file
  size. But if the reduction of the duration of the Tween is be the by-product of a
  a slower pace, then file size will be smaller - how it is difficult to
  say and depends on your tween animations.
  Whatever it is, if it should happen, it must be done manually by deleting frames
  yourself. There is no built-in Flash automated task. Sorry :(

  --
  Adobe Certified Expert
  www.keyframer.com
  www.Mudbubble.com
  -----------------------------------
  (if you want to email me, don't watch)
  -

  "Chris Mattingly" wrote in message
  News:g77trv$J3B$1@forums. Macromedia.com...
  > Ok, I guess this isn't a new topic, but since I can't find something
  > recent and relevant, here goes:
  >
  > I have an animation that I'm trying to shave a few kilobytes off of, and a
  > fast & obvious answer to this would be to reduce the frame rate. It comes
  > a
  > relatively complicated animation and of course if I have cut back on the FPS the
  > animation slows down, producing very undesirable results. Let's say that for
  > example,.
  > I have a file that is long, 180 images, clocked at 24 fps. If I want to
  > reduce
  > down to 12 FPS, is there an easy way to cut the timeline in half
  > (making the)
  (> animation will run at the original rate), with all the keyframes, tweens, movement
  > etc.
  > being automatically be reduced by a percentage, rather than having to go into
  > and
  > manually all cut in half?
  >
  > Before the other byte shaving suggestions are made, I have to say that
  > I am
  > well aware of problems with things like the alpha blends, degraded, and
  > reduce
  > size of JPEG compression. I've already supported this kind of things to get
  > the
  > more realistic results.
  >
  > Preview that anyone can give me would be much appreciated. Thank you!
  >

• HP first colors to draw graphs?

  I want to develop a program that displays signs of card to play.  When the index is a heart or a diamond, I wish it were red.  However, so far in the documentation, it looks like we have black, dark gray, light gray and white.  It comes with a color display - I would have thought that we would have control of the color.  Am I missing something?
  Thank you

  Nick

  Chapter of the programming in this manual had not been updated yet. Search for RGB in the system catalog/help for more details.

  RGB(R,G,B,[A]) / / note, no alpha blending, but there is a flag of transparency

• Image layer not be created properly.

  I created a multi layer image that will be used to automatically generate a detailed with static overlays, glow, and drop shadow image. Something is not right. I have a total of 4 layers, 2 are real images, 2 are generated images.

  Order (from top to bottom):

  1. Overlay
  2. Solid color hidden object
  3. Also hidden sized RGBA image
  4. Drop shadow

  The shadow overlay and drop have alpha transparency, the other two are supposed to but something does not work on them. #2 never seems to get alpha so I end up losing #3 and 4.

  I will return to this problem later, the next part, is that even if everything I do is draw the layer pre-created, static and shadow scope, the images are "lost". The correct result should be a white square with a drop shadow, the result is a distorted, chopped up, partially missing a white square with no shadow. A different overlay that has glow is also applied to the shadow of origin, this is like a picture very and hardly anything can be seen with the exception of the shadow.

  The two generated images appear not at all. The first generated image is a Bitmap with alpha that gets put on the scale using the function Bitmap.scaleInto 5.0 running the Lanczos algorithm. This image is hidden that shows only a part of the image. The second generated image is a solid color and generated (fillRect) who has the same masking application made to it. The two appear when drawn individually. They come out like images in white as well.

  I hope you will understand this and I don't confuse you.

  In summary:

  • Something is causing a white drawing/clearing of the background of the image.
  • The image does not appear, so I don't know if the update the scale or masking works.
  • The object of solid color does not appear, so I don't know if masking works.
  • Static images get serverly distorted and messed up.
  • All images are (supposed) to have the alpha value and the resulting image should have transperency.
  • All have been tests with the Eclipse plugin 1.2, component Pack 5.0.0.25, on the Storm 9550 Simulator (with code very useful hot swapping).

  OK last issues resolved. Initially, I tried to make a manual loop to hide the images but thought it would take too much time

  I thought because of the permeable white background problem that it didn't work. I also thought about this loop has been the cause of the white background so I started looking for an alternative, see rop and gave it a try. Who did not much matter what I did, so I worked on static images.

  I am of those who work, I realized that rop was working, but not in the way I wanted to. So I went back to the loop and that worked.