Math :: Mapping Rect In Small Image To Larger Image (in Order To Do A CopyPixels Operation)?
Jun 16, 2010
I'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 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:
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?
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 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.
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.
I would like to create a dynamic 3 layer image that can have any of the 3 layers changed. i was thinking of doing this with alpha mapping where I have a back, middle, and front layer each defined by an alpha map. So if the style or shape of these changed I just render the texture with a new alpha map to define what portion actually takes the texture. So for each of the 3 layers there is a type(defines the shape), the texture which is applied to the shape, and an alpha map that is used to specify how the shape takes the image.
Imagine a fruit basket that can have the fruit switched out or the basket, and any combination of textures applied. You could potentially see the inside of the basket which may have a different texture than the outside. The fruit would all be one image that would then fit into the basket, and finally the basket would render. Then if you swap the color of the basket but keep the same model it would update, and you could then swap the model of the basket and keep the same color. But i'd want to do it where I have 1 texture that can fit over all the baskets but is just chopped off using alpha mapping.
I 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?
I 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:
I am trying to tile a small mc instead of a bmp image and I was wondering if anyone knows what aspects of Lee's tutorial need to be changed to accomedate that?
[Code]...
I tried a couple of things and was not able to get the mc loaded onto the stage.
Do any one have idea of copying only a small portion of a image, further it could be made as mc. Or any other method to do this in as3? Not manually breaking the image and convert as mc.
quick question, i have a loop playing where two MC holers have math.random script applied to them, allowing random images to be generated as it plays from a folder of images. i've gotten everything to work,initially i had about 60 images, i then added an additional 40, changed the coe to reflect this and had no problems. today i added an additional 196 images, but when i test my movie the numbers generated never surpass #101
is there a limit to the ammount of numbers output by math.random script?
I have flash CS4 and some time ago made a simple movieclip in an older version of flash.I now want to make a simple gallery with thumbnails that show a larger image once you hover over the thumbnail.[URL]I forgot most of the workings in flash, so it's difficult to make what I want.
I need to first express that I'm a fully self-taught Flash designer. No one has ever sat down and tried to explain to me the DOs and DONTs about Flash. I have followed tutorials, books, and anything else I can get my hands on, but never a person. People of Flash seem to be very hard to find, in my personal experience.I am the most comfortable with Photoshop, knowing very little about Illustrator or Fireworks.That said, I have been asked to create a 45KB (yikes!) max file, rotating 3 .jpg images I created from other .jpgs given to me. The images are usually large, so I am given room to compress them for a 300px x 250 px stage.
However, these images are always my biggest culprit for my huge file size. I'll import them in, making them into Graphic Symbols, but nothing seems to prevent the enourmous file size.When given the raw images, I would throw them into Photoshop, make the files the correct 300x250 size. Then I have tried: saving the image at the best resolution in .jpg and .png form, and then I tried saving the images as low-as-I-could-stomach quality. I hardly see a difference with file size when they are imported into Flash and used.I was told to use Fireworks's Optimize function, which I did, but it made my .swf even biggerWhen I have my Flash piece all set up/animted as I want, but I need to replace the bitmap(.jpg/.png) photos, I will:right click on the bitmap to get properties, "upload" the new image to be used, adjust the Quality, having "Allow smoothing" unclicked.
I understand I should make as much of the graphics in Flash as I can, instead of Import, but I am primarily given photographs to use.Seeing what my previous peers have done is mind-puzzling, but they are not around, so I cannot ask them for their advice. Their files are under 45KB and look sharp and amazing:[URL]
I have recently launched a site for a client which includes an interactive flash element on the home page but it takes a long time to load (10-30seconds). I have followed advice from others about keeping image small and link movies rather than embed but still slow, the swf file is about 7.9mb which i thought was ok for the size of flash file. Does anyway else know where I have gone wrong whether it be the embedding or some other area.
I'm trying to code a click-and-point adventure game for a class, in which interactive objects glow when you mouse over them.... In the frame I have the background image (in which there is, say, a drawer), and an image of the drawer glowing placed exactly over top of that. The glow image is invisible until you mouse over it, at which point it is supposed to become visible (and disappear upon mouseout). I have the mouseover function linked to the entire glow image (which is a movieclip), but it only seems to work when you mouseover a specific portion of the image (usually a corner). The code looks something like this:
ActionScript Code: DeskDrawer.addEventListener(MouseEvent.MOUSE_OVER, drawerLightUp); function drawerLightUp(e:MouseEvent){ DeskDrawer.alpha = 100; }
when the glow-image is moused over, it moves upward slightly and a small amount of whitespace appears at the top of the image.
I'm currently doing up my flash gallery and there something bugging me.I'm using XML to load my images dynamically and would like the images to appear in a horizontal manner.
image1 - image2 - image3 - image4 etc.
however, everytime i run the swf, the order of the images are randomized.
Code: Select allvar portraiture_images:XMLList; var portraiture_total:Number; var container_portraiture:MovieClip;[code].....
as my images are of different width, I made use of the imageWidth variable to keep track of where the X co-ordinate should be for the next image.
I have an image with a translucent rectangle sitting over it (white rectangle with alpha = 0.5) I'd like to apply a filter to the rectangle and have it affect the image below it. For example, apply a blur to the rectangle and see the part of the image below the rectangle get blurred.
I'm making a small Flash game, which is rotating rings in an image to create a coherent picture. Think of the puzzles in Assassins Creed.I have three scenes set up, one with the puzzle, one with a fade to white transition, and one with a congratulatory screen.
I have this code to check if the orientation of the rings match, but I'm really new to actionscript so I'm not sure if it's right or not.
I'm not really looking for a specific answer but really more something that I can target my research around. Here is what I'm working with: -this all need to pre-load. -I need to build a flash image banner -When you click a image they take you to a corresponding HTML page. -The first few images in the banner sequence need to play in sequential order so for example image00, image01, image02 in order. -Then once the first few images have played in sequential order images will be selected and played at random. Now here is the tricky part the random image selection can't pick to of the same images in a row. -The universal transition from one image to the next should be an alpha fade down of the top image exposing the random or sequential image below. Yeah I know that a real mouth full.
