Actionscript :: Using Bitmap And BimapData To Load A Background Image In Flash CS5?
Nov 9, 2010
I'm making a flash movie and I'd like to load a background image into my SWF and paint it to the stage using the Bitmap and BitmapData classes. Am I approaching this properly? What code gets the image from the Loader to the BitmapData? Also, how do I get the image to show in the background? I've never understood the BitmapData/Bitmap metaphor, explanations, code samples and tutorial links.
I tried to drag in from Photoshop a layer with an image and transparent background, but it turns white in Flash, so I imported the image from psd. However, the black background is interfering with the placement of the image. In OLD flash, there used to be a magic wand and the ability to select areas of the bitmap and delete, but it seems that the feature is now missing or hidden in new flash. I turned the image into bitmap and I don't want to trace it, because it is a photo. So, without tracing, how do you now edit the image as I'm trying to do?
I've got some lovely code from another flash forum which loads a scalable fullscreen image background behind a fixed size flash movie, but have a problem:The jpg background image loads before the flash movie, and I'd like to delay the jpg appearing by, say, three seconds.I've tried everything I can in the code, but don't know enough about actionscript to make it work.
What I would like to do is to take a loaded GIF file as a Bitmap and then distort it by stretching and shrinking parts of it, so it would look like it got squished up against the screen. I'm pretty sure that there's no easy way in Flash to go beyond scaling and shearing, but I wonder if there might be some simple techniques to accomplish this kind of effect. By the way, I've also thought of pre-deforming the images in GIMP and saving them there, but I can't find a simple way to do it without learning their scripting language.
I've been tasked to write a chat engine in actionscript3 (AIR) and every chat message has an image of the poster associated with it. So I have 5 chat messages on the screen at any one time but it will be obvious that the images associated with message e.g. #1 changes all the time because the last person posting is different.
What I believe is wrong is to use the .addChild method every time I need to replace the image because it will just keep creating more stuff on the stage. What I tried to do is the code below but it refuses to update the image. The way I thought it should work[code]...
I want to embed some video into my HTML page. As background I want to use big picture. And above it I want to insert loop video with (i.e.) walking man.So, can I embed video (without flash and any player controls) in page?Can I decode video with transparent background? Is there any codecs which support transparent background (alpha-channel)?
I am making a snow boarding game in AS3. The problem I am having is that I want to leave a trail in the snow behind the board.
I have had a think and feel that the best way of achieving this would be to use the lineTo() method to draw a line form the snowboards previous position to its current position. If I do this all of the way down the slope I would end up with a line almost 23000 pixels long which seems extremely large and will have a major impact on performance.
If I were to convert the trail movieclip to a bitmap would it improve performance? I am targeting a minimum of flash player 9 which I have found to have issues when handling bmp's over 2880 pixels so I think this method might not work.
In Photoshop there is a tool that lets you adjust the levels of an image. I'd like to be able to do the same thing. I've seen examples online that show the levels but they are for each individual color channel (red, green, blue or alpha or CMYK) but not a combined view like in Photoshop Input Levels (see below).Also, as a bonus is there a way to find the best shadow and highlight input level settings, basically the settings the Auto level button determines?Update:I think I'm closer but I'm not sure. Here is the method I pieced together. The first image is my results and the second is Photoshop results both analyzing the Google logo:Update 2:Ok I think I got it. The code is below. It's mostly working all the time, mostly. Additional credits:Photoshops results:
Levels method: /** * Get a histogram of the grayscale levels
I know how to place a fullscreen bitmap background using the BitmapData class but i have yet to find a tutorial about how to place a fullscreen flash animation in the background while keeping the aspect ratio.I've looked around the web to find a tutorial about this but i did not find anything except a few threads with no responses.
What I am trying to achieve might be trivial, however I am loading a PNG mask which does not have a transparent background, but rather a black background, with the shape defined on top in white (the actual mask which needs to be applied). Apparently Flex expects me to provide a mask with a transparent background for it to work, or am I missing something?
If that's the case, could I transform the bitmapData which I am loading so that it treats black color as transparent?
I've got a canvas in my app which I want to be backgrounded with a grid. I suppose, I need to create a DisplayObject with a single grid cell drawn on it and set it as a repeated bitmap fill for the canvas, but I can't figure out how to do that.
i've created a full spectrum color wheel Sprite object that is composed of 1440 vector triangles, or slices if you will. since i want to animate the color wheel, i've activated the display object's cacheAsBitmap property. however, caching the vector as a bitmap does not increase performance during animation it remains slow, jumpy. importing a PNG screenshot of the color wheel into the library with lossless compression, converting it to a Sprite, and rotating this new image asset performs great during animation. why does an uncompressed PNG image asset import out perform the same vector image with cacheAsBitmap property set to true?
I have a movie clip that holds one bitmap image, some simple AS3 to change the image displayed, and a ton of bitmaps I've imported into my library.Currently, I swap the images by changing the bitmapData
holder.bitmapData = new test2(1,1);
but this requires me to check off 'Export for ActionScript' in every symbol. I'd rather not go through every bitmap in the library and do this, is there some way to reference them by their library name?
I am relatively new to Flash CS3 and i have been learning Action-script 3 over the past week. I have come quite a long way and i have made a site in flash but i just have a question.I have been using an image as my background and i am happy with the way flash automatically scales all the objects in my file but the background image does not scale. Is there a way to do this? I have found out things online which show me how to add auto-resizing to the background but this knocks off the flash auto scaling/resizing for everything else.
i am creating a website for a personal trainer and i am having problems with the white background behind the flash website. how do i change the background colour/image?
I load a bitmap to the stage, it's a GIF and set to lossless compression. I have ensured its coordinates are integers and have not allowed smoothing (smoothing somewhat fixes the issue but reduces quality of the image).The problem is the image appears to shift one pixel to the left and add that pixel on to the right side meaning one side has no border and the other a double border.The original bitmap does not have this issue, and there is no transparency .etc in the image.
For a fullscreen AIR app, I want to have a tiling image (JPEG, PNG or whatever) in the background. The app is displayed on large screens in a public building, and to achieve a cool effect I want the background image to "scroll" infinitely, with the direction of scrolling changing with an interval in time. The background must be tiling and always filling the screen. Performance is of importance.What would be the best approach for this? I am thinking toward pixel-level bitmap manipulation. I have no experience in this field and I can't find any good examples/tutorials online.
I wonder how you can put a fullsize background image to a website using Flash, similar to how www.zugspitze.de does.I can copy the HTML code but what does the flash document looks like?
It seems that this should be a simple thing but I can't figure it out. I would just like my visitors to see a beautiful, still, jpg image in the space where my flash movie is loading...until it is fully loaded. I tried putting a background image in the cell (using Dreamweaver MX) but once I import the swf file, I can no longer see what's in the background.
When I select the flash movie in MX it only allows me to select a background color, not an image. I know that I can use a preloader of some sort to let people know there is flash content loading but I would rather use the opportunity to show a professional photo. Do I have to set this up the same way a preloader is set up but with a single frame maybe or is there an easier way.