Some images I load dynamically are too big so I would like to scale them to fit the stage.
[Code]...
this returns 0. Why does it return 0 when the image loaded is obviously much larger then 0 pixels. How do I change the width and height of imgCont to a specified dimension.
I want to load a PNG image using loadClip() and place it into a movieclip. After the image is loaded I set an event handler, in this case onPress. Now my problem is that the onPress event activates whereever I click on this loaded PNG image. All I want it to do is to only fire the event if I press on a non-transparent area of the PNG image. In the end, I want to load a background image and put this PNG image over it. The PNG image shall act like a mask which tells the background image where I can click and where I'm not supposed to. But before I can do that I need to recognize transparent areas of an imported PNG image.
View 1 RepliesI'm working on an image pre-loader where i get the images i want from their respective url's, and once finished, proceeding to the next page. I have gotten it to load the images as i want/need, through lines of code similar to this:
Code:
var loader:MovieClipLoader = new MovieClipLoader();
this.createEmptyMovieClip("imgcont",1);
loader.loadClip("*url to img goes here*",imgcont);
All i'm looking to find is how many of my images have loaded completely. At first, i thought that getBytesLoaded() and getBytesTotal() would have been able to help me, but it seems that the images brought in through loadClip has no weight on how much has been loaded.
Is there any way of determining how much of those images has been loaded?
I'm trying to copy pixels from a loaded image. This code generates no errors but there is a missing link between the bitmapData object and the loaded image.
ActionScript Code:
package
{
[code]....
I created a simple mouseover (like this one http:url... )with one small image that grows to a LARGER image directly on top of the smaller image when mouse is OVER the smaller image. When user mouses OVER the smaller image the larger image appears correctly.Problem is that even when user mouses OVER the "boundries" of where the LARGER image WILL appear, that also causes larger image to appear. What I want is for the larger image to appear ONLY when mouse is OVER the smaller image.
View 2 RepliesI'm coding in actionscript 3 - the functionality is: large image loaded at runtime. The bitmapData is stored and a smaller version is created to display on the available screen area (I may end up just scaling the large image since it is in memory anyway).The user can create a rectangle hotspot on the smaller image (the functionality will be more complex: multiple rects with transparency: example a donut shape with hole, etc)
3 When the user clicks on the hotspot, the rect of the hotspot is mapped to the larger image and a new bitmap "callout" is created, using the larger bitmap data. The reason for this is so the "callout" will be better quality than just scaling up the area of the hotspot.The image below shows where I am at so far- the blue rect is the clicked hotspot. In the upper left is the "callout" - copied from the larger image. I have the aspect ratio right but I am not mapping to the larger image correctly.[code].....
I need the ActionScript (2.0): 1) When rolling over a moving image (like a filmstrip), I want the image to stop and then it zooms into a larger image. 2) Then when you click on the larger image, it goes to another URL page in my webiste.
View 9 RepliesI need to add the image to an object as a child.. then resize it.. I know how to add it as a child (easy rly)[code]...
View 3 RepliesSo this is loading images by looping through a xml file and displaying them on the stage... The images load fine only they're way too big. Problem is when I add .width to myLoader the images disappear all together.
ActionScript Code:
var xml:XML;
var xmlList:XMLList;
var xmlLoader:URLLoader = new URLLoader();
xmlLoader.load(new URLRequest("data.xml"));
var myLoader:Loader = new Loader;
[Code] .....
I'm trying to resize an image loaded in a movie clip, so that any image I load will always fit correctly in my movie.The script is pretty simple, it reads an xml file where they should be 6 records. Loads the image in the Thumb attribute in on of the 6 containers eg. _root.screen.Event1
Code:
for (i=0; i < 6; i++){
MyEvent = Event[i].attributes ;
_root.screen["Event"+i].Title.text = MyEvent.Title ;
[code]....
It works but not as expected. It looks like only the container is scaled down not the image really.
I am trying to resize an image and display it on stage but i get the.......... error 1119: Access of possibly undefined property bitmapData through a reference with static type flash.display:BitmapData........this is driving me a bit mad because i got most of the code out of essential actionscript 3.0.....I've tried to debug it myself but my debugging skills aren't very good yet
PHP Code:
package NetConnections.PicClick{
import flash.display.*;
[code].....
Am struggling to find the right as3 code to resize an image once it is dynamically called into the stage and placed in a MC. I am loading using:
var myLoader :Loader = new Loader();
mc.addChild(myLoader);
var url :URLRequest = new URLRequest("myimage.jpg");
myLoader .load(url );
The stage will eventually open up into fullscreen (works ok) so I need to keep the image in its original size which is much bigger than the stage. What I need to do is shrink it on loading to the same height as the stage whilst keeping the width in proportion (oh and center it). I have tried all sorts of codes but cant find anything to work as all I have managed to do is resize the MC containing the image but NOT the image itself.
So I'm loading a really big pic in this mx:Image manteinAspectRatio enabled with a height constraint and as usual it doesn't work (Flex is definitely not for me):
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code].....
I'm loading several images inside a frame, but the images will have different aspect ratios. My goal is to load all images so that the width or height does not exceed the frame. The 'difficult' part is to maintain the aspect ratio of the image. I'm not aware of any _scale function that scales both the height and width of an image (so the aspect ratio is maintained), something like that would be useful.
View 6 RepliesI'm having some strange luck in building an image slide show.I load the image paths into an array from an XML page and then step through the array elements w/ forward and back buttons.I have an empty image clip on the stage where I create an empty movie clip inside each time a new image is loaded.I load the image into the second movie clip like this:[code]Now, 98% of the time this works perfectly, but there is some certain times where the image resizing is completely ignored and the image gets loaded as it's normal size.Can anyone see why the image sizing get's ignored in some instance?
View 1 Repliesi am building an editor which allows you to resize images and to do this (once an image is selected) I add a visible border to the image that allows you to resize the image. so i want to have a function something like,
[Code]....
and i have to call this redrawborder function inside the MOUSE_MOVE listener that controls the resizing (so that i am constantly removing and redrawing the border). constantly removing and redrawing the frame seems very inefficient. is there some property or better why to do this? i want to have, displayobj.scaleChildren = false or something like that
I imported and .png (bitmap) and converted it to symbol however when I place it on stage and look at it the corners (marker with red, edit: basically all the corners are somewhat incorrect) appear somewhat ugly, however when I zoom in to 200% I see that everything is correct. I'm also sure that when importing the .png image the pixels were correct. Why is it so and how to fix it?
View 2 RepliesI already have an image that gets resized. Is there an easy way to add a text box on the bottom of it so that it behaves the same way as the picture?
View 3 RepliesI would like to have an image much larger than the stage, with little buttons all over it that play a MC when moused over. When the mouse reaches the edge of the screen, I want it to scroll so that the viewer can explore the whole image. In short, its a map with destinations, and on mouse over the destinations play a MC. I'd like the viewer to be able to "explore" the map with the mouse. It seems simple, is there a good way to do it?
Also, once it is done, is there a way to begin with the entire image shown, but then have it tween to its final (Very large) size, without breaking that functionality.
I am working on this image scroller, where thumbnails of images are displayed. I get each image by
function urlLoaded(event:Event):void {
urlLoader.removeEventListener(Event.COMPLETE,urlLoaded);
xml=XML(event.target.data);
[Code]....
So is there anyway I could use any of the above code to load the big image associated with the small image? If event.target points to the current thumbnail being picked up, could i do something like event.target.url to point to its name or something?
We're making a Flash browser game with a few reasonably complex animations. Our designer is making the animations in Flash Professional while I'm wiring everything up and adding some logic through AS3 (using FlashDevelop).In one of our more complex animations a "bonus item" moves around the screen. It tweens hither and tither, there special effects and as such, it disappears for a few frames and then reappears later.From AS3 we want to be able to dynamically decide which bonus item (say a mushroom or a star) to include in the animation. We don't want to have to ask our designer to replicate the entire animation for each of our bonus items.This is what we've tried: Created a two frame (1 mushroom frame, 1 star frame) "BonusItem" movieclip in FlashPro and Exported for ActionScript.Created the complex animation movieclip in FlashPro and added the BonusItem movieclip to the relevant frames. Gave the BonusItem instance an instance name on all necessary KeyFrames. Exported entire movieclip for ActionScript(exported as "ComplexAnimation").[code]This would play the complex animation with the star and we could easily call gotoAndStop("mushroom") to play the same animation with the mushroom.
The first problem was that complexAnimation.bonusItem was null on line 02 above. I solved this by handling ADDED_TO_STAGE for complexAnimation and putting line 02 above in the handler. The next problem was that each time the bonusItem movieclip started tweening, or if it was not present in some frames and was subsequently re-added the complexAnimation.bonusItem attribute/reference was reassigned to a new bonusItem instance. I then had to find a way to know when this was happening and call gotoAndStop("star") on the new instance. I've found two ways to do this:
1) Listen for ADDED events on complexAnimation with a target.name of "bonusItem". It's a bit crap in a strongly typed language to have to resort to matching strings, but this works. Btw, when the ADDED event is fired new frame object references are still null.
2) Listen for FRAME_CREATED events. This happens later than ADDED at a point where new frame references have been initialized. As such I can check if complexAnimation.bonusItem is non-null at then call gotoAndStop("star") on it. One problem with this is that calling gotoAndStop actually triggers another FRAME_CREATED event to fire, so I need to guard against infinite looping. Again, it works but I don't have a great feeling about it.
I have a project I have to do and have made a large stage because it will be the only setting of the animation:It is supposed to be a talkshow stage. I need to be able to zoom in to the desk and the chair in order to get a close-up of the people as they're talking. Is it possible to simply zoom in the entire image itself or will I have to make a whole nother image?
View 14 RepliesI actually try to do the following: I have loaded an external image in a bitmapdata object and create a bitmap from it which i attach it to a sprite/MovieClip in order to have mouse events on it. Now under the previous logic i loaded two images (let's say circles) of the same size one that has a particular color and is covered by its black foreground circle. When i press left mouse button and hold it down i want while the mouse is moved to erase the foreground circle's pixels and so the background image starting to appear.[code]...
View 1 RepliesI thought this was going to be easy, and hopefully for someone it is, but I'm having a tough time so thought I'd ask here...
I have an image - say 50 x 30 - 1500 pixels.
I need to scale it so that it keeps it proportion, and takes n pixels - say 20 for example.
I am working on image and i like to scale or resize the image by dragging and resize option.same working as "free transform tool" in flash (design part); i need same functionality in application.
View 7 RepliesI set my images at 60% quality JPG files out of photoshop which seems to give a very nice representation. I set up a site to take a full screen, so I expect it to be larger on a bigger screen then what I see on mine. I figured to keep every image actual size at about 25% bigger when the finlal needed size in the layout, so if the site is ever on the bigger screen then images have some stored resolution to be enlarged and accomodate an increase in size. So all of mine images are scaled at about 75%.
Is it a good practise or things don't work this way in Flash? Perhaps it is better to keep the images to 100% (rather than importing intentially enlarges images) but make the maximum quality? Or both ways kind of work out?
i am building a digital portfolio and i have managed to get the thumbnails on a horizontal scrollbar but i want to be able to click on one to load the full image. I dont know where to start though. The code i have so far is:
Code:
package {
import flash.events.*;
import flash.display.*;
import flash.net.URLRequest
[Code].....
Any way to copy the pixels or handle the image from URL "[URL]" in Flash? It will work fine in FLASH IDE but when I look this in browser, then it crashed. I know that its crossdomain Issue. I always get childAllowParent=false after loading. It always crashed when I want to get event.target.content or
addMC.getChildByName(mcName);
I am loading this image from Google Image search API in Flash CS3 Professional and AS3.
I have a Flash fla file that contains a whole lot of images. The majority of each image is composed of transparent pixels with a visual object in there somewhere. Each image at the moment is at {x:0, y:0}.I want to trim away the transparent pixels of the image down to a minimum bounding box, but keep the object at the same global position. This requires shifting the trimmed image to the global position of the object in the untrimmed image.This is not so much a problem, but the fact that the images are all contained in a fla is the problem. The options I see at the moment are:
investigate JSFL, the Bitmap object has a getPixels, this in combination with a selection and delete operation could work save the fla to xfl and enumerate the images and associated xml with something like Ruby + image processing lib
Questions: Does anyone know upfront if this operation is possible in JSFL? Have anyone done much automated processing of xfl files? Is there an off the shelf image processor that can perform this trimming operation?
I started using AS3. At the moment I'm working on a project with (small) image galleries. When you roll over a small image, there's a larger version showing up, and the thumb changes also. You can also click the image, and then a lightbox effect pops up. To achieve this, I'm using the following script, which works fine:
Code:
img1ro.visible = false;
cl1.visible = false;
btn1.addEventListener(MouseEvent.MOUSE_OVER, over1);
btn1.addEventListener(MouseEvent.MOUSE_OUT, out1);
btn1.addEventListener(MouseEvent.CLICK,lightbox1);
function over1(event:MouseEvent):void {
[Code] .....
But I was wondering if there's an easier way to add images. At the moment, I copy-paste the script, and have to change the numbers according to the number of images. Is it possible to put the images in an array or something like that?