Search  

FULL SCREEN BACKGROUND PRO : AS3

HomeBrowse CategoriesFlashApplications and UtilitiesUtilitiesFull Screen Background Pro : AS3
Full_screen_preview

ABOUT :

This was created as a super simple way to integrate A FullScreen Background image or pattern into any of your AS3 projects. Integrate and set your custom Full Screen Background in 3 simple lines of code.

PREVIEW :

Use the buttons to dynamically swap between a resized image and a tiled pattern. Also change the anchor point for the background image ( only relevant to resized images ) using the top 9 buttons.

FEATURES :

  • Super Simple AS3 implementation in ANY of your AS3 projects.
  • Implements in just 3 lines of code!
  • Automatically sets up your stage scale and alignment properties for the full screen background to function properly.
  • Load PNG , GIF, and JPG images and use them as a scaling background or a repeating pattern background.
  • Swap backgrounds on the fly with a SINGLE line of code.
  • Smooth Tween on background change
  • Specify the number of seconds you want your tween transition to take.
  • Specify whether you want the backgrounds to crossfade on swap or fade to background.
  • Dynamically specify where you want your full screen background image to align and resize to. ( Top Left, Top Center, Top Right, Left, Center, Right, Bottom Left, Bottom Center, Bottom Right )
  • Image smoothing for highest possible scaling quality
  • Dispatches events when the background starts to load and when the background is completely loaded
  • Completely written in AS3 requiring no dependencies on specific assets in an FLA file.

NEW !! VIDEO TUTORIAL :

How to use Full Screen Background Pro : AS3

YOU MIGHT ALSO LIKE :

\

keywords: full screen background pro actionscript 3 as3 fullscreen class bitmap smooth smoothing repeat repeating pattern events oop crossfade advanced custom customizable advanced professional

Posted 5 months ago

why cant i extract this file.. ?? it gives me a bunch of error messages..

pls email me the file again

timknyc(a)gmail.com

thx

Posted 2 months ago

rdwatson,.... you need to add the FullscreenBackgroundImage before the other assets in your movie. of try

this.addChildAt( myFullScreenBackground, 0 )

squaredmonkey: I will resend the file. What errors are you getting?

Posted 2 months ago

Could this be made to also handle .swf files that I might want to play in the background?

Posted 2 months ago

Not currently. I plan to add that functionality in version 2.

Posted 2 months ago

fixed it with

var background: FullScreenBackground = new FullScreenBackground (stage,2,true); addChild(background); background.setBackground(“image”,LayoutItem.CENTER,false); setChildIndex(background,0);

this works fine when playing by itself but when I play this swf in another flash file I get:

TypeError: Error #1009: Cannot access a property or method of a null object reference. . . .

I’m guessing that the FullScreenBackground.as is trying to reference the wrong stage but putting “this.” into my initialization hasn’t helped.

Posted 2 months ago

post the whole error, so it’s easier to debug.

Posted 2 months ago

Here it is. iHome.swf is base flash app which loads other swf’s as selected by user. It loads home.swf first. Then I click on weather btn, attempts to load weather.swf which is the file which uses the full screen background. Weather.swf runs fine when played independently…

Attemping to launch and connect to Player using URL C :\iHome\iHome.swf [SWF] C:\iHome\iHome.swf – 29033 bytes after decompression postback [SWF] C:\iHome\home.swf – 2454 bytes after decompression [SWF] C:\iHome\weather.swf – 559517 bytes after decompression TypeError: Error #1009: Cannot access a property or method of a null object reference. at Assets.Background::FullScreenBackground/size() at Assets.Background::FullScreenBackground/sizeAndPosition() at Assets.Background::FullScreenBackground/onBackgroundLoaded() Cannot display source code at this location.

Posted 2 months ago

rdwatson: contact me through my profile and we can get you up and running.

Posted 2 months ago

hello hink,

this is really great stuff, but i seem to get the same problems as asirovica and rdwatson. But you dont post the solution here in the comments but give them a personal answer. Is it possible that you can post the answers here or send me a guide of how to get through these problems.

Regards!

NB. im not a good in AS

Posted about 1 month ago

I’ve followed everything from your video tutorial… i keep getting this error:

TypeError: Error #1009: Cannot access a property or method of a null object reference.

Please advise.

Posted about 1 month ago

what happens when you debug your movie. Shift + ctrl + enter.

Posted about 1 month ago

what a waste of time, i cant put this bg in another website/template from here …. I copy and past the 3 things u have in the .fla file n drag it to another .flash website, all it does it after the loading thing, it kills the website and all i can see is the bg img …. help please, thanks.

How do i use the bg and put it in this website? http://flashden.net/item/h-scroll-portfolio-v2-/6093

Posted about 1 month ago

shaneoc, did you watch the tutorial?

Posted 25 days ago

Cheers Hink,

love the file, worked first time easy. look forward to playing with it some more later. im relatively new to as3 and found this file great!

thanks! :)

Posted 18 days ago

Purchased and followed Tutorial. Very straightforward and simple and it seems to work fine when i test in flash. If i publish the corresponding html file (from flash), it seems to kill the image resize when you resize the browser window. Do i have to change anything in publish settings?

Posted 16 days ago

resolved the issue. You wrote: “Automatically sets up your stage scale and alignment properties for the full screen background to function properly.”

which is misleading (at least in my case). In order for it to work, i had to go into publish settings > html and set ‘dimensions’ to ‘Percent’ (100×100 percent).

after that it seems to work nicely. thank you!

Posted 16 days ago

hi, all works great, just 1 question. Am using this code…

var request:URLRequest = new URLRequest(“animation.swf”;); var changer:Loader = new Loader(); changer.load(request); addChild(changer);

...to add a swf animation on top of the background, which works, but i need to make it move/stay centred when the browser is resized. At the moment it stays still which is not great. Any ideas?

thanks in advance

Posted 8 days ago