ActionScript 3.0 :: Repeating Image, On Bottom Only - With Resizable Stage?
Sep 15, 2010
I am working on a website coming soon landing page that will be entirely flash. I have design a flash file to be resizable and set not to scale or skew any of the objects. Now I am working on a image I want to span across the bottom of the stage. Currently I am attempting this effect by using a tiling bitmap. It kinda works, I have it on the bottom of the stage only, and its only the size of the image. BUT its tiling very strangely, and I tried to clear the sprite on every resize.
I have attached and image showing what I am attempting to fix. Below is my code.
I have a movie clip (menu2_mc) containing a navigation menu, which I want to have appear always on the middle of the screen and at the bottom say 15 pixels in even when the window is resized.I followed a tut by kevin schmitt which allows the background to be fullscreen on a resize. I have been able to center the clip on screen but still having problems nutting out how to change the y coordinates on a screen resize.
I'm building a fullscreen flash website. I have objects moving from offscreen to the center of the stage and from the center to offscreen. I use a simple onResize listener to keep everything centered when the user resizes the stage. I'm using the MC Tween engine for all my tweens and they are all coded relative to the size of the stage.
[Code]...
Everything works great EXCEPT if the user resizes the stage while a tween is in motion. How do I update the tweens end value to the appropriate location?
I have a SWF stage that needs to be resizable, as it loads content dynamically which may have different dimensions. Yet, I need an object (namely a 'Close' button) to keep its absolute size no matter how big or small the stage gets. I also need it to keep its relative position, let's say always at the top right corner of the resized Stage.
[URL] for the image panning tutorial and forumers.
My aim/goal is to get this effect. The background will fit to any resized browsers without scaling up + image edge will still somehow stay within the stage/browser.. but i got problem with it when i publish my swf as html.
this is my setting in the html tab:
dimensional set to: percent [100x100] scale set to: no scale flash alignment set to: center in both
my end result is not good.. i dunno is it my AS or the setting.. hope the kind gurus here can take a look.. i had attach my fla [flash 8].
I have an image that doesn't fill the <mx:Image> tag because it's not the exact dimensions (it is too short) and I have maintainAspectRatio set to true:
The <mx:Image> tag has a fixed width and height (it's 100% of the tile size--this is in an ItemRenderer). How do I get the image to sit on the bottom of the <mx:Image> tag?
I'm using Flash CS3 and would like to create an image gallery that randomly loads images listed in an XML file without repeating any of the images until all have been displayed once.I've managed to combine a couple of tutorials to create an image gallery that randomly loads images from an XML file, but images often repeat before all images have been displayed once (there are over 2 dozen images). Here's the code:
Code: delay = 3000; function loadXML(loaded) { if (loaded) {[code]....
Right now my stage dimensions are 980 X 800 px. I need to cut or "crop out" the bottom portion of the footer because its height is too long. So I changed the stage dimensions to 980 X 600 px (and changed the corresponding dimensions in the embed tag in the index.html file to match). Doing this seems to cut out the bottom but at the same time adds space to the top and seems to distort the overall spacing. Is there a simple way to crop out the bottom of the stage (just like cropping out a section of a photo)?
I am trying to make a frame around a picture that the user uploads using only 1 image repeating it and scaling it accordingly so that it is as big as it should be in reality arround that picture. My problem is that when I scale the result until some point all is well and than it smears somehow. I've been trying to fix this for 6 days now and I am desperate. I am posting the code that I use tho create the frame parts and a picture of the result after I scale it with scaleX and scaleY.
Code: public class frame_part extends MovieClip { public function frame_part(duplicationBitmap_org:Bitmap, neede_pcs_num_height:Number, order:String, rotation_num:int) { super();
[code]....
P.S. The image that I use for the frame is 400x500 px and is duplicated 208 times.
I'm trying to create an effect such that if an object moves through the right of the stage, it pops out on the left, as if it was just continued on. heres my code so far if its needed
var positiony = 0; var positionx = 0; //------------------------------------------------------
The following code blocks create a movie clip 20px high and align it to the bottom of the stage (I add 100px to stageHeight because by default it traces 300 instead of 400). Regardless, both code blocks work when tested in Flash.In HTML however, only the first code block works.The second code block produces a blank HTML page. The second block is so that I can change the footer's height and still have it sit at the bottom of the stage...Considering "footerY" traces 380px, I have no idea how the two code blocks are so different that one HTML page makes the clip visible and the other doesn't.
Code: var footerHeight:uint = 20; // var footerY:uint = (stage.stageHeight + 100) - footerHeight; // trace(footerY);
I've attached some images for reference, but as I make my window larger the bottom of my stage gets cut off. I'm working off of a website template and am not particularly sure how the elastic function works. I've had some success changing the code to
Code: Stage.align = "T"; and Stage.scaleMode = "showAll";
but then there are just solid blocks on either side of the background image that don't look very good.
so the bottom will be locked in place and not get cut off when resizing the window.
I have a group of 6 buttons which on my stage sit in the center and are 20 pixels from the bottom, I am trying to create a bit of a liquid layout, and the browser is going to be able to resized by the user. I want always for the buttons to stay at the bottom in the center of the browser 20 pixels from the bottom no matter wether it is resized too
I'm trying to position an MC to the bottom ( that's the simple part ) of the stage that has an initial height and width of let us say 10px height and 30px width. Ok, and now i want to scale ( stretch ) and tween the MC at the same time until it gets to Stage.height. I'm not really sure about how to do this one, i tried using some conditions, some whiles but it seems that flash kinda crashes so that's not cool.
i want the whole MC to keep on resizing ( stretching and tweening again ) on stage resize... how to tween and scale the MC at the same time ( by tweening i mean just like like a motion tween but the only problem here is that the height would be dynamic ).
I have a navigation bar that I want to stay at the bottom of the stage at all times, and also resize based on the stages width ( - 100 ). I was originally using the Event.RESIZE event to do this, but I wasn't happy with it's feedback.. So I switched over to ENTER_FRAME. Basically, My first attempt, not sure if i'm on the right track. Right click to bring up fullscreen option in demo.
The problem is: I can center the stage at top or at bottom, but if it is centered at top, when the window is resized obviously the top will be quiet and the bottom of the page will get bigger/smaller.If it is centered at bottom, what will change is the top. how can I center at the middle, and on resize it changes the same top and bottom values ? Another question, is it possible when on resize at center to resize until X pixeis at top and then resizing only at bottom ?
Edit: Basically, I want the stage to be centered until X resolution, and then I want it to just 'grow' on the bottom and not on the top
I'm loading an image in a UILoader Component (created during runtime). var lb:UILoader = new UILoader(); addChild(lb); Now when I load any image into this then it loads on top of everything.I know this is because it goes over the top of stack. But is there any solution by which i can move it downwards or even at the bottommost layer. I've tried setChildIndex(lb, 0) though but it didn't work.
what i'm referring to is the way in which the thumbs and menu items stay at the bottom & top no matter what size the window is resized to.. and the its only the big images that are resized...
I am creating my website in the Flash and I am having problems. I need the image on the bottom of my page (background) to resize itself according to window size similar to this site..... like here http:[url]....for example: if i make background with res 1024*768 and somebody will look at it with monitor res 1920*1200 he`ll have image resized to this ressoulution
after updating to the latest flash player version, i get this double image top and bottom with a large green line running halfway from right to left.the top image is identical to the bottom image.this only happens in ie and does not do this in firefox.after a few days of trying to fix it and couldnt, i loaded an image prior to the flash player update to fix it.this was fine until i had to upgade the flash player again.im not sure if im doing this right but here is a bmp file of what im trying to describe .http:[url]...i can always restore the image again prior to upgrade but i got the feeling this will came back again and the only way to fix it is to fix it right.
I have got a movie clip moving up the stage and when I press the keyboard I want it to come back down to its starting position on the bottom of the stage. What code do I add to the following?
I am trying to skew an spark Image object using a matrix. The problem I am having is that it only effects the top angle. I think it may be related to the position of the image (x and y). The top angle is prefect but the bottom is flat!
Here is a bit of code:
//imgA = pixles down from top left coord, I used arctan with oposite over adjacent to get a radian angle //size openImage.width = imgW; //say 200 openImage.height = imgH; //say like 300
For some reason, if you add an image to htmlText, like the following: myText.htmlText = "<img src='"+dataProvider.bodyImage.getUrl('original')+"' align='left' />" + dataProvider.bodyText; The image will be successfully added to the htmlText, but it seems to measure the sizes completely wrong. At times, the actual text (dataProvider.bodyText) will have part 'hidden' under the image. At other times, there are anywhere from 1 to 4 lines cut off at the bottom. However, if you select the text and drag your mouse down, you can see the bottom lines. It appears the text is all there, but the mx:Text component is not including the image in the textHeight, so it doesnt resize the componenet to the correct size.
let's say i have a text scroller like this:what i need is when the scroller goes at the bottom and there is nothing else to show,with some trick to call a fuction so the "down" button disappear.i need this cause i made a scroller only with 2 buttons, and they don't look like broswer's scrollbar. (they are at the center up/down of the text scroller)
I have a Flash CS4 Professional version installed in my machine. Here is my problem.
1st - I'm importing an image to stage and set the width and height to match the image. (everything is good, no problem) 2nd - I am using the FLVPlayback components build-in from Flash CS4. It does load the video and everything. (everything seems good) 3rd - Publish the video to my local drive (everything seems good) 4th - I could play the video from my local pc and it loads fine and fast 5th - Upload everthing from my local folder to the Web server, it does display the background image but not the video. It has a white blank screen. What is going on? I copy the exact folder from local to server. What have I missed? How could I make the video to load?
In AIR/AS3 Flex Mobile for Android project.How can I capture an "image" of whats visible on the view then just save that image as anything like jpg/pdf to the SD card?Basically a screenshot on Android using AS3.
I'm creating a moodboard application where the user can dynamically load an image onto the stage by pressing a thumb of the image in a menu item. I have most of that working but what I would like to know is that, if there is a way the user can interactively scale/transform the image when it is on the stage in the swf file?
