how to scale down flash images using BitmapData and Matrix?? I'm using it for fullscreen so that the images are always perfect. I've been tampering with this, but cannot get it to work properly.
View 3 RepliesI'm using a transform matrix as part of a bitmap draw to select an area of my target rather than drawing from 0,0:
var bmd:BitmapData = new BitmapData(target.width,target.height,true,0);
var mat:Matrix = new Matrix(1,0,0,1,-target.x,-target.y);
bmd.draw(this,mat);
[code]......
Most often, questions are asked about how to scale a DisplayObject, and the answer is usually to use a Matrix.
My question is, how to you GET the scale of a Matrix (scaleX and scaleY)?
There's a Matrix.scale method to set the scaleX and scaleY, but it doesn't return a value, and no other properties exist to read it back.
The reason I ask, I'm using object burried deep down into a Display list, and each may be transformed. So I use the child object's sprite.transform.concatenatedMatrix getter, but am stuck at this point on how to read the scale from it.
We have discovered that when we draw one bitmapdata into another bitmapdata using draw, there is an upper bound on the scaling transformAt some point the IBitmapDrawable parameter ceases to be rendered on the target bitmap.Does anyone know what the parameters of this upper bound are? Is this documented somewhere?
View 4 RepliesI am trying to copy an image.The green stuff on the first image is a mask(which is not set, its just there to show it)Everything works fine when I dont set a mask to an image (picture 1)But when I set the mask I get picture 2.What I want is to copy a part of the image which is visible when the mask is set. I know what size the mask and image are going to be so I can calculate the size of the area which i need to copy.This is the code I am using, image has registration point in the center, thats why i use matrix.translate (not sure if its the right way).Also there is no image scaling applied (there might be later), thats why I am using matrix.scale.
Code:
var _reflectionHolder:Sprite = new Sprite();
addChild(_reflectionHolder);
_reflectionHolder.y =_targetObject.y + _targetObject.height / 2 + 10;[code]......
Unfortunately geometry is not my strong point and I am on a deadline. I am trying to determine if a textfield is larger than a displayObject and that it does not sit outside the x and y of said object. If it is larger, I need to scale it and make sure it is always in the confines of the displayObject space. On a side note, i need to scale the size of the text accordingly.
View 0 RepliesIm currently building a little 3D particle engine in flash the uses sprites.to set the position of each sprite I am using the projectVector function below. (the viewTransform matrix is the particles world matrix concatenated with a perspective projection matrix)
var projectedPoint:Vector3D = Utils3D.projectVector(viewTransform, point);
sprite.x = projectedPoint.x;
sprite.y = projectedPoint.y;
[code].....
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.
View 8 RepliesI've searched but haven't found anyone wanting to do this with a bitmapData object.I'm using the following code:
matrix.identity();
matrix.translate(pan.x, pan.y);
matrix.translate(-zoomPoint.x, -zoomPoint.y);[code].....
Panning works, but using this method scale does not scale around my mouse.Has anyone done this successfully?
I'm trying to resize each image without success. After pulling my hair a few time, I can't figure out to make the smoothing works on Stage. Basically I want to be able to resize any pics: 600x900 -> 400x600
Code: Select all // Call LoadBitmap class, bitmapWidth & bitmapHeight are the desired 400x600
loadBitmap = new LoadBitmap(bitmapWidth, bitmapHeight);
loadBitmap.loadBitmapData(theImage);
[code]....
I am trying to let the user import giant images into a flash application. Unfortunately the BitmapData object's dimensions cannot exceed "8,191 pixels in width or height, and the total number of pixels cannot exceed 16,777,215 pixels" (see Reference)
Obviously with FlashPlayer11 these limitations vanish - BUT: As I only get bytes from the FileReference, I need to convert these via Loader.loadBytes(), to get access to the image data. This doesn't seem to work for images exceeding the old BitmapData limitations.
[Code]...
how I can have my swf fill the entire browser (as in publish settings 100% w & h etc) but not stretch/distort the text and images in the swf.
There is a site [URL] that does this. It fills the whole screen yet when you resize, the objects do not become distorted.
I may have the wrong approach with publish settings width & height 100%??
Has anyone here ever developed a function (or general library of relevant functions) that will allow one to find the inverse of a matrix? I've searched the forum archives, as well as the internet more generally, but haven't found anything. If anyone has some leads, I hope you'll pass them along.
If I don't hear anything within the next few days, I might try to develop something on my own, but I'd hate to do so if someone has already done the dirty work.
A solution to this problem would be very useful for 3-D work or anyone doing mathematical programming more generally.
I'm using Flash 8, with this code in the first frame:
import flash.display.BitmapData;
rissa._x=Stage.width/2;
rissa._y=Stage.height/2;[code].....
When I publish the file, I'm getting the following error message in the Output panel:
**Error** Scene=Scene 1, layer=Layer 2, frame=1:Line 7: The class or interface 'BitmapData.loadBitmap' could not be loaded.
var plaid:BitmapData.loadBitmap("plaid");
Total ActionScript Errors: 1 Reported Errors: 1
I am trying to use the reflect class from "http://pixelfumes.blogspot.com/2007/03/reflection-class-v3-with-source .html" but I keep getting this error:
ArgumentError: Error #2015: Invalid BitmapData.
at flash.display::BitmapData()
at Reflect()
at Site_fla::GalleryPage_29/loadThumbs()
at Site_fla::GalleryPage_29/sortXML()
[Code]...
btw, first I used assigned thumbContainer as the mc argument (outside the loadThumbs() function) and it worked but not exactly what I wanted... because I thought it is supposed to update when the movieclip is animated but it actually didn't... when I use a scroller, only the thumbs that are first loaded to the stage get the reflection..
I'm scaling down images loaded from as3 and I want them to stay sharp. They are scaled because I have a liquid layout which resizes a "body" movieclip that contains the images (loaded from xml).
I used code from here to scale bitmap, but I don't really understand it. [URL]
My biggest problem is that since the images are loaded as displayObjects rather than bitmaps, I need to know how to change the bitmapData of each displayObject.
Second problem is that I need the code the change the data, but not scale it down also(it is already scaled down). How do I do that?
Here is my attempt...
Code:
//code is executed when image is first loaded (I don't care if it is resized afterwards)
//thumb is the displayObject that is my image
[Code].....
I am loading images through xml. I want to be able to scale the images to the same size of the container MC they are getting loaded into. Is there a way to scale multiple images that are all different sizes and make them all the same size with Actionscript.
View 3 RepliesI am creating an interactive post-it for an upcoming event that allows for us to tap into a sql database and post tweets, survey answers and images. We've already tapped into the Twitter API and the survey, so those are A-OK.The problem lies within loading the images from a location other than the local interactive board's server.If the image itself is locally hosted, it loads just fine.If the image is hosted elsewhere, the image will not load, even though I have a trace on the URL of said image.I'm loading all tweets, surveys and images through an XML load and all the data is loading properly.I AM loading the image through a smoothing filter so that when the "post-its" are slightly rotated, they are not jagged. Here is THAT code:[code]
This is a two part script where the bulk loads in the image and places it into an empty movieclip, then adds the smoothing filter. The second part is a resizer that automatically resizes the image and keeps the aspect ratio.When I test the flash piece (not embedded in HTML) the thing works 100%.As soon as I put the swf into an html and view it on a web page, the remote images will not load.I'm a bit stumped on why this is, could this be a firewall or security issue? Because I work in a high security firewall environment.
As my as3 skills are not good, I stumbled against this problem, my approach in overall will probably not be the easiest, but here it goes:
In the library of my fla file I have imported 4 pictures, in the properties (class) I gave them the name photo0, photo1, photo2, photo3. With my code on the time line I create dynamically 4 movieclips and now I want to attach photo0 to movieclip 1 and photo 2 to movieclip 2 and sofort...
Is there a way to give the bitmapdata name also a dynamic name, something like[code]...
I want my flash content to scale when I scale my browser window.
View 5 RepliesI need to achieve the image scaling done here (not copying the site, just need that image scaling technique)[url]...
i've got the listeners in place, and have no problem getting images to fit the browser windows. the problem is stopping the distortion, while also making sure at least 1 dimension fits the browser's dimensions (ie no borders appearing along one direction). i don't mind the browser 'cropping' the image.
I'm trying to dynamically resize a set of images that are being loaded through the MovieClipLoader class. The code below seems to work, except that the images do not appear to be 'smoothed' at all...
[Code]....
I have an image loaded from BitmapData displayed in an Image control. This Image control has dragEnabled and user can drag and drop small images (from a bunch of images in a TileList) on top of it.
The image loaded from the Bitmapdata can be different every time with different resolution and the Image control scales it down to fit its fixed with/height. But while saving the image after editing I am saving it with its original width/height. For this purpose I am storing the original Bitmapdata in a temp object and applying any edits there before saving.
how to create an image combining the Large image and the small images dropped into it. May be I can use display object snapshot but then I want to save the image with its original with/height and preferably after converting it to Bitmapdata.
When you load an image into a MovieClip then use that as the data source to draw() into a BitmapData object, the documentation says "Optionally, you can specify whether the bitmap should be smoothed when scaled. This works only if the source object is a BitmapData object." To me that implies that a second BitmapData object is needed in order for the optional [smooth:Boolean] parameter to work when set to true.
We found we didn't need to "double buffer" in this way when using MovieClip.attachBitmap() with the [smoothing:Boolean] parameter set to true. We did run into another problem though. This problem only manifests itself when you run the SWF as part of an HTML file running from a local web server like http://127.0.0.1. Here's the problem: images are loaded dynamically (URL's pulled from assets.xml) and the ones that are loaded locally from a directory on the same machine load and are smooth and distortion free. Other URL's point to a remote host. The images loaded via a remote source (example) do not "smooth nicely" running the exact same code as the local images. The remote images are shimmery and exhibit update artifacts. If you run the exact same page not via an http:// web sever i.e. - just loading the html page into the IE, then the remote images do get nice smoothing when animated.
Is there some magic to get BitmapData loaded from a remote source to smooth correctly when run from a local web sever? For our internal demo we removed any remote URLs so we could demonstrate that Flash does provide the ability for nice smooth animations but it would be a good problem to solve.
I have an image which i am attaching, it is the white portion of the image( i saved it on a black background so it is easy to see, but it is on a transparent background saved as a gif and imported to flash). When my for loop runs, i am trying to position this image on stage programatically, but it seems as it is not doing it right. It scales the image, and positions some all over the place.I wanted the images (8 of them) to appear in 2 colums each one spaced out evenly, but it fails to do that. The movie clip holds the image below. Also since it is a irregular shape, it seems to make the edges look really rought.
1) Why is the for loop generating these images all over the place like that?
2) Would it be more ideal to draw this shape with flash, rather then using a gif image? Is such a shape even possible to draw?This is the code:
import fl.transitions.*;import fl.transitions.easing.*;import flash.events.TimerEvent;
var imageLoader:Loader;
var xmlData:XML;[CODE]............
I'm working on one current project, I don't have any issues to load a SWF into a main SWF but I can't figure out how to apply dynamically the scale down and up into a thumbnail images size while using the Resize event handler to fit in any browsers sizes.
I load SWF into a Loader object then add it into a container => currentMC. I want to size it and keep all the pieces inside this container. Therefore no matter browser size, I just want to be able to apply scale on it to fit it.
Does anyone know how to do that? How would I deal with stageWidth and stageHeight?
I've got a nifty bit of script that loads some images from an XML file into flash. It loads the pictures into specified movieclips:
ActionScript Code:
xmlImages.reset();
xmlImages = new XML();
xmlImages.ignoreWhite = true;
xmlImages.onLoad = loadImages;
xmlImages.load("[URL]");
function loadImages(loaded) {
[Code] .....
Each instance of the movieclips are called picture_mc1, picture_mc2 etc. On the frame where these picture_mc's sit, I've got this code:
ActionScript Code:
function randomImage() {
if (loaded == filesize) {
image = (imageFileName[0]);
picture_mc1.loadMovie(imageFileName[0], 1);
picture_mc1._xscale=23;
picture_mc1._yscale=23;
[Code] .....
Everything works fine, but my image scaling is making my picture_mc's look really pixilated. I've seen references to bitmap image smoothing, but i'm not sure the best way to approach this. It seems that each time I try and smooth my images, the code is smoothing the image placeholder, rather than the jpg that's being loaded into it.
I have this code to scale external images to full-screen:
function resize_image(){
pic = big_mc.swfloader;
Stage.align = "TL";
[Code].....
It works fine but I want to change it so the scaling is determined by the browser height, at the moment it scales to the browser width so you lose some of the image height - Also, need to keep the images in proportion
What's the best practice to scale images in full browser sites? I am new to Flash and have a pretty good understanding of how most things work in Flash. My newest goal is getting Flash to scale 100% on all browsers. But when I do, my pictures become pixelated and I'm sure videos would do this as well. So my question is - what's the best practice or actionscript to keep this from happening? Sites like [URL] that have utilized their abilities to scale their images on any browser are great examples. How can I achieve this?
View 1 Repliesi've been working on a script that will dyanamically scale some background images, I can't see what's wrong with this function:[code]I get 13 AS errors- one for each of the lines in the function.
View 3 Replies