Actionscript 3.0 :: Full Screen Background Image?
Oct 2, 2009I have searched everywhere but I can't seem to find anyway to create a full screen background image. Does anyone know the code to do this? Or know of any tutorials?
View 3 RepliesI have searched everywhere but I can't seem to find anyway to create a full screen background image. Does anyone know the code to do this? Or know of any tutorials?
View 3 RepliesI'm trying to create a website with full screen background images (or possibly, a video) but don't know the best way to approach it. The Die Antwoord site does pretty much what I'm trying to accomplish. I'd also like to know how they can use such high resolution images. If I try to use a high res image, the file size is enormous.I also want to do is to be able to change the background image when a button is clicked. What is the best way to do that with large images? Another site that uses similar technology only with a video is the TV on the Radio site.
View 3 RepliesI'm trying to create a website similar to this one, where the content is a fixed width and height (i.e. made to fit a 1024x768 screen), but the background image is full screen and scales proportionally when the window is resized.
How can I achieve this full screen background using Flash CS4/AS3?
I am trying to create a background like the attached image (full screen).I don't like these colors, but do like the effect.
View 9 RepliesI took the tutorial on using the bitmapdata to effectively tile a background, but it doesn't tile it across the full screen. Only the size of your flash movie. I want it to cover the entire screen muc like [URL]I'm looking for a way to tile the image across the full background regardless of window size. So if you maximize your browser, the background tiles the the full screen. I've been racking my brain all morning trying to figure it out!
View 6 Repliesi have my movie set up to load an external swf or image into an empty movieclip which allows the image to streach to the full size of the browser window.the question is that i want there to be a preloader on the transition between the images as they will be relatively large sizes, i want to recreate something similar to:...where the preloader takes up the whole window similar to how the images will be working
View 10 RepliesI have a problem with the resizing of the background. This is the code i use
bg_mc._x = 0;
bg_mc._y = 0;
bg_mc._width = Stage.width;
bg_mc._height = Stage.height;
How I can make this background to resize in full screen?
I'm working on a site currently, and I have a fullscreen flash video that has objects that react to the mouse movement and create a parallax effect. A Div container is above the flash video containing the site content. I can display the div content above the flash video just fine, my problem is that the flash video does not recognize the mouse movement when the mouse is above the div container? Is there any way to fix this or will I have to create the site entirely in flash?
Here is the code:
Code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>mouse_follow</title>
[Code]....
i am having this little problem of making my video fit to my browser width and height.and it needs to get itself be the last layer as well. is getNextHighestDepth() a wrong command here?how do i add swap depth or something?it needs to be a layer beneath my navigation and everything.
Code:
Stage.align = "TL";
Stage.scaleMode = "noScale";
[code]........
In the bottom layer of my main movie, Id like to put a random background image which loads on entering the frame and stretches to full screen. I would like to use a preloader for the image so Im trying to load a swf using this which I found here:
[URL]
Code:
choice = Math.round(Math.random()*5);
switch (choice) {
case 0 :
[Code]....
but I could not get it to stretch full screen. How do I get the externally loaded swf to stretch full screen and be able to resize via a listener from within my main movie?
I have a website already done... but I'd like it to be over a full screen gradient background.I found a lot of tutorials and exemple on how to repeat a symbol picture to make a seamless background just like the one Lee Brimelow made on gotoandlearn.com, but I can't find one on how to make that gradient full screen background.
View 6 Replies[URL]
I have gone through it all and it works great for the tutorial but I tried replacing the background with an image and when the browser is resized to full screen it distorts the image and stretches it out of proportion. Does anyone know how I can have the background image resized to the full screen and stay in proportion?
I basically want to create the exact functionality as [URL]
I am trying to understand how to randomly select 0/1 and display them like the matrix background but horizontally, working down the screen in random spots...Something like:01010100 01101000 01100101 00100000 01010100 01100101 01100011running across the screen. When it reaches the other side, the next line starts. Or suggestions to make something cooler? I am trying to have a moving background whatever it might be.
View 14 RepliesI am trying to emulate an effect like this site uses...
[URL]
and I've basically poached their script, a jQuery initiated 100% width and height background that loads into a couple of holding containers.
The thing I would like to do differently is fix the background in place so the content can scroll over it. How can I, say, write the flash movie to the BODY background or something like that? I'm not a javascript wiz and am not sure how I might do this.
Essentially I have an animation with two main movie clips - a foreground and background movie clip.I want the foreground movie clip not to scale but the background movieclip to take the full screen of the browser.I'm only using vector images
View 1 RepliesI tested my skin for YouTube Chromeless player, and seems it worked properly.All graphic elements, including TLFTextFields, are stored in external SWF, all the AS3 code - in loading SWF.I use ProLoader class to load SWF.However, when I tried to attach Player skin code to my Home Page code, I immediately bumped into two issues:
1. TLFTextFields ceased to display proper font;
2. YouTube Chromeless player ceased to enlarge up to Full Screen width in Full Screen mode, whereas all publishing settings were kept the same...
Although I managed to cope with TLFTextField bug by replacing instances with vars in loaded SWF, I have no the slightest idea what to do with those paddings in Full Screen mode... Neither removing all children on stage before loading YouTube Player skin, nor compulsory resetting player's size can't make it work...
I wnat to display a FLVPlayback full screen the same as when you click on the Full Screen component button.
function goFullScreen():void {
vidPlayer.enterFullScreenDisplayState();
}
var vidPlayer:FLVPlayback;
[code]....
I am creating a full screen projector with flash CS4. In the projector I have more videos, starting from an swf player-
The problem I encounter is this:
The projector starts correctly FULLSCREEN (using AS). The video plays 900x506 correctly. If I click on the player, to get the video full screen, it works. But when I press ESC, not only the video, but also the PROJECTOR looses full screen.
This is a bit annoying. Is there a way to apply the "back to normal size" only to the video? I do not want to prevent the app to be exited from full screen, it's not a problem if the user wants to exit the projector full screen. But not when the user exits the video from fullscreen mode.
How to target only the video?
// for Full Screen stage.displayState = StageDisplayState.FULL_SCREEN;// for the normal screen stage.displayState = StageDisplayState.NORMAL;But this code does not fulfill my requirement. I need Vertical Scroll Bar, even I go to the FullScreen, but I don't find any Scroll with this code.Even I tried "window.open" of JavaScript with ExternalInterface, but I couldnot succeed.
View 2 RepliesI was wrote the following code to set the background image in one vBox.
vBox.setStyle("backgroundImage", "PreviewBackground.png");
vBox.setStyle("backgroundAttachment", "fixed");
Where the height and width of vBox was 250 x 350 and the height and width of background image was 400 x 400.The problem is that the background image doesn't show the full image. The image has cropped. How can i show the full image as a background image?
How can I fill my whole background with a big image? The photo is 1400*867 and with the solution here it fills up the width but not the height. I don't care if the photo gets cropped in order to fill up the height too.
The CSS3 way (background-size) is perfect but doesn't work in IE.
If you don't know a way with css/jquery could you direct me to a flash script where I could just enter the path of the image and let flash resize it?
I saw this fantastic site1)How did they get the whole image to take up my moniter size?1a) Is it Flash on top of Javascript?2) How did they get the content on top of the HUGE image?
View 1 Repliesi am creating an interactive application that will run independantly on a computer.I have implimented the full screen stage display state to a btn, and it works great!
-------code-----
import flash.display.StageDisplayState;
function goFullScreen():void
{
[code].....
however as soon as i add a video [i will be adding several] the video takes on the full screen property, and that is not the desired effect.I have used several diff ways to import the video but as soon as i call the full screen, it goes to an all black screen.
This is a thing I developed using Flash and Javascript, to set any image dynamically as a background image of a web page and allow all other page content to scroll over the top of it.
[URL]
Would be interested on anyone's comments feedback, particularly about the flash (source code can be downloaded)
when i run the image, it only appear in center with 2 blank white space in between.
<s:Image x="0" y="0" height="100%" width="100%" source="@Embed('assets/d.jpg')"/>
How can i make an image goes full screen (covering up the whole screen) with double tap/touch on mobile app?
And if possible how to turn it back to non-full screen (back to normal)?
I know how to make an image full screen, also with a onresize listener. But! Because some of the images are only of a certain pixel size, I don't want to stretch them above that.So, do any of you know how to set limitations? The code I am using is:
tree_mcHeight = new Object ();
tree_mcHeight = tree_mc._height / tree_mc._width;
tree_mcWidth = new Object ();[code].......
It would be nice to change the background colour surrounding the image when it resizes as much as possible.
I have a variety of jpg files I wish to have as a background for my Flash web site, every time the page loads it could load any of the 65 files for example. I have created a MC for them to playback within, how can i use action script to select one of the files located in a folder at root and play it?I currently use:
choice = Math.round(Math.random()*5);
switch (choice) {
case 0 :
[code]....
I have been trying to work out how the full-browser background was done here: [URL] It scales in a very elegant way: it never stretches the image, stays centered on the image and never causes ugly blank areas around the image. For me, it's become deceptively difficult to achieve! :-(
View 1 RepliesI am creating a website where the entire background is tiled and it also contains a photo gallery. Now, the photo gallery has to only appear within a limited height but the width could be similar to the browser window. (The website will be a full browser website with a capability of going fullscreen.). I tried a lot of things but the stage calculation requires to be a little different than the general stage properties.
In general, the height and width of the image is directly proportional to those of the stage. But what I am looking at is for the image to be rescaled proportionally to the width of the stage but the height nneds to be about 20-30% less than the height of the actual stage. Basically the background will be visible in that 20-30% of empty space. (And of course other elements)
My scaling of the image code looks like following,
Code:
function scalePic():void {
if ((stageHeight / stage.stageWidth) < imHeight) {
im.width = stage.stageWidth;
im.height = imHeight * im.width;
[Code] .....
And it also centers the image on the stage based on the new stage size.
Currently I have link on an HTML page, and when the link is clicked, it opens a flash movie with slideshow and a semi transparent black background. The way I have it set up is as follows
CloseButton.as (the close button for the slideshow)
FullBackground.as (the black background)
MainContent.as (loads the slideshow)
then I have
main.fla (loads the CloseBtn, FullBG, and MainContent)
preloader.fla (loads the main.fla .swf)