ActionScript 3.0 :: Pixel Alignment Of Children Bitmap With Scale/rotate?
Dec 14, 2008
I'm implementing a frame class that builds a graphical frame around children using 9 bitmaps (4 corners and 5 middle pieces).The frame extends sprite, and the 9 frame bitmaps are attached as children. They are repositioned as necessary to encompass any other children on the sprite.
This works fine, normally, but as soon as I rotate or scale the frame, the children split apart, showing what appears to be a one pixel or partial pixel gap between the pieces.
I've tried setting pixelSnapping = PixelSnapping.NEVER on the 9 bitmaps. I've tried turning smoothing=true. The children bitmaps are always positioned at integer x, y's, never fractional. I've tried setting the scale of the children bitmap to 1.01 and PixelSnapping to AUTO. None of it works.
I am looking for a fairly simple image comparison method in AS3. I have taken an image from a web cam (with no subject) passed it in to bitmap data, then a second image is taken (this time with a subject) to compare this data, from these two images I would like to create a mask from the pixels that match on both bitmaps. I have been scratching my head for a while, and I am not really making any progress. Could any one point me in the right direction for pixel comparison method, something like getPixel32()
i am trying to scale a movie clip to certain pixel dimensions with easing. I have four buttons on the stage and one mc( a square). when a button is pressed i want to scale the mc to a certain size. i.e button 1 scales the mc to 200 pixels by 500 pixels.
How does flash scale for fullscreen?For example, if I draw a shape and give it a width and height of 100px (square)...does that scale up proportionally when the flash is made full screen? Or does that object stay 100px x 100px?
I have a fairly decent grasp of flash, but not so much of the action script side of things. I need to make a banner similar to the one featured here:[URL]..
As you can see, the image is jerky and juddery when it scales down. From what I can find out, I think I need to use the pixel snapping feature to help make it a smoother fade, but I haven't got a clue how to write the actionscript for it, or where to put the actionscript. Can anyone give me any pointers?
Is it possible to iterate each pixel of a bitmap image? Eventually what I'm trying to achieve is that I need to get the coordinate values of each pixel of a bitmap image and change the color of those pixels according to their coordinate values. As I see it, I need to use the getPixels() method but I still did not understand exactly what I should do.
I'm making a game where the player moves around a map, where the player can walk and where they can't is decided by the color of the pixel they are trying to move onto, which I get using the Bitmap.getPixel method.
What I'd like to do though is when the map image is loaded process it into a sprite or something which I can then use the DisplayObject.hitTest methods on. So I have an array of colors whcih the user can walk on, is there way I could go through each pixel and build something that would let me do that?
I have a bitmap with many colors on it. When the user clicks each color needs to trigger a different method. However, I have no idea how to check the color value of the selected bitmap. I can create a new sprite and check the value of that fine through bitmapdata.getpixel() but when I need to actually check the actual bitmap I cannot get it to work.
I have been desperately searching for a way to do pixel perfect collisions, and for someone to explain it to me in detail. explain the code in the .fla file, posted by the Canadian in the frequently asked questions thread on bitmapData hit testing:
[Code]...
after looking through the help files, i must admit they are terribly vague. All you are doing is checking if _alpha is above a certain amount. With movieClips you would use 0->100 but with this hittest you have to use 0->255 (0x00->0xFF)so an _alpha of 50 would correspond to approx 128 (0x80). Nearly all the time you could just use 1 as a hittest parameter so you are checking for any hit at all but maybe you have a shadow in a mc layer and you do not want to check a hit. This is when you might be able to use your threshold parameter. In other words, the hit test will only react to parts of the bitmap which have a greater or equal alpha than the alpha threshold, mostly useful for a shadow.
I want when the user click and dragg (Mouse_DOWN) the rotate button, the image will be rotatedAlso, when the user click and drag the scale button, the image will be scaled.Here is my code, but it dosen't work as I need:
btn_rotate.addEventListener(MouseEvent.MOUSE_MOVE, on_btn_rotate_down); btn_rotate.addEventListener(MouseEvent.MOUSE_UP, on_btn_rotate_up); function on_btn_rotate_down(e:MouseEvent):void
I know it's possible to scale and rotate an object by using some actionscript. Is it also possible to distort an image?
For example; keep the topleft corner and the bottomleft corner of an object at the same position and put the topright and bottomright corner of the same object 25 pixels down.
Here's one that I think it may require a little conceptual math related skills that I can't get my head around, or it could be a simple solution staring me right in the face which is equally as likely. on the stage I've got a input textfield.and a clip named container with 4 children in itI need to resize EACH child individually ( when the text field changes ) like so ...
ActionScript Code: inputTextField.addEventListener(Event.CHANGE, changeHandler); function changeHandler(e:Event):void {
Using Actionscript 3 is there a way to search one bitmap for the coordinates matching pixels of another bitmap?
[URL]
Somehow you would have to loop through the bigger bitmap to find and the the pixel range that matches and return those coordinates. For example the Bitmap with the "E" is 250 pixels over and 14 pixels down in the bigger bitmap.
i've filled a circle shape with the bitmap data of a bitmap asset.i need to rotate the circle from the center, so i added the bitmap to the center of the circle and used a matrix transformation to shift the bitmapdata upward and leftward so it appears centered. now i'm trying to read the bitmap data with getPixel() but the return value is off since it is returning the untransformed position of the bitmap data instead of the visible transformed bitmapdata.
how can i get an accurate reading of the pixel data from a bitmap with a matrix transformation? updated with code. assume the redCircleData in my example is more colorful and something worth retrieving pixel data.
var redCircleData:Sprite = new Sprite(); redCircleData.graphics.beginFill(0xFF0000, 1.0); redCircleData.graphics.drawCircle(0, 0, 100);[code]............
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.
I am basically trying to create a display object transformation manager which will allow me to scale/rotate objects. I am currently trying to figure out how to rotate an object so its corner follows the current x and y of the mouse. I always get confused on the math of things like this. I know how to listen for the events and everything, I just am unsure of how to calculate the amount of rotation to apply. I will probably be rotating via a Matrix so I can rotate the object around its center, rather than the upper-left corner of it. My question here is: how do I get values when I don't want them constrained, like scaleX and scaleY?
I am learning AS3 and trying to get an object to be able to move / rotate / scale and drag and drop. I found 2 seperate tutorials one does button clicks to move and rotate code.[code]When I add the second lot of code to the first app (ie add a layer and insert the script ) change myPoint to rocket . I get the following errors:'{' expected
What's the best way to scale a container mc but not scale the children inside it? Basically I have a box mc with a background colour, with a logo added using addChild, if the user changes the browser size the box scales to the height of the window but it's also scaling the logo, I just want to change the height of the container box really.
my problem is that if i scale, rotate or translate a display object using its transform.matrix i am not getting the value in the display object but the transform is happening like displayObject.scaleX or displayObject.scaleY etc. i get this new transform value using the dislayobject? as i am using a matrix transform manager which actually changing the transform matrix of the display object.
I need a very special component written in ActionScript 3. It is a rectangle filled with a bitmap. The bitmap is loaded from an external URL based on some programmed rules. The textured rectangle is then animated using Flash CS. Animation is performed using rotate/translate/scale/skew tools. How to create such a component and add it to Flash CS library?
how I could setup an Image so when it loads, and I change its Z value, it doesnt keep shifting in reference to the upper left. Right now, when I change the Z value of a Sprite containing the Image, it appears to move x, y (even though I know they are not changing). I thought that by putting it inside of a sprite, and then moving the image to so that its center was at 0,0 inside the sprite, that when I changed the z value of the sprite and not of the bitmap itself, it would fix my problem, but its not.
bmp = new Sprite(); var bmp1:Bitmap; loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, fileLoaded);
When I created a Bitmap object from drawling the pixels of an image and then scale that Bitmap too large (or even too small) the image disappears or in some cases distorts in what appears to be random pixels barfed all over my screen.
In order to show you this I have made an example: [URL] (click the plus button any more than 8 times and poof! the bitmap disappears) And source: [URL] (Flash CS4)
The idea is I have 3x3 containers(Sprites) - each one holds 2 tiles of 2 two images (shown one and unvisible - laying behind) . So there are 9containers and 18 tiles. When I click on the image I get rotation of the containers, and when every container is about 90 degrees, its childs swap each oher. So in result I get second image shown. But unfortunely then, shown image is rotated by 180 degrees, that means its left side is on the right. Pre rotating containers ( of tiles gives total mess, as middle tiles seem to be right, but left side of the image and right doesnt match to rest.So I need to rotate tiles, which are bitmapData - parts of Bitmap. But I can not rotate them - there is no property .rotationY for bitmapData, and I can not use matrix's rotate() method as it traits only angle rotation and not axis rotation.If I rotate by Y axis the bitmap before slicing it to tiles nothing happens, so I guess draw method relies on default Bitmap.
So Q : How can I rotate on Y axis a bitmap to have mirror reflection of the image and then apply it reflected to the as a .bitmapData property and slice it to small pieces.
What I am doing now is loading a .png image with a Loader object. After loading the file I cast the loaderInfo's content to a bitmap and set the smoothing value to true. This works without a problem until I reach a ScaleX and ScaleY value less than 0.5.
For example, if I have a 1000x1000 object, scaling it down to 200x200 causes the bitmap smoothing to no longer work.[code]...
getting a bitmap to apply smoothing properly after being scaled very small.What I am doing now is loading a .png image with a Loader object. After loading the file I cast the loaderInfo's content to a bitmap and set the smoothing value to true. This works without a problem until I reach a ScaleX and ScaleY value less than 0.5.
For example, if I have a 1000x1000 object, scaling it down to 200x200 causes the bitmap smoothing to no longer work.I can reproduce the problem using all of the following Sizing methods:
Change the scaleX and scaleY properties on the bitmap. Directly change the height and width properties of the bitmap. Add the bitmap as a child of another sprite and change the scaleX and scaleY properties of the sprite. Add the bitmap as a child of another sprite and change the height and width properties of the sprite. Creating a new BitmapData object with a matrix scale and then drawing the original BitmapData onto it.I've also tried some other workarounds that I found when searching, such as:setting the scaleX of the image to 1.001 or 0.999 forcing the height and width of the Bitmap object to be even numbers.
Below is some sample code for reproducing the problem. (I am running this locally so I have a copy of testimage.png in my bin-debug folder)
public class MainObj { public var comp:UIComponent; public function MainObj()
I'm making a OSX-finder-type file browser in CS4.The Structure for the folder and files is being generated by a PHP in a XML, heres an example:(sorry the xml is not sorted, but the command i'm using in php doesn't sort it)
In this game attached I need the old Children (rats) to hurt the character when he walks into them, however only the most recently added Child is active in that way... also the rats seem to appear above the character instead of below, is there any way to resolve these issues??
