ActionScript 3.0 :: Creating Website With Sliding Background (4 Scenes)
May 21, 2010
This is my first time using Flash to create a website. I am not familiar with Action Script, its functions classes etc., however I am familiar in programming in JAVA. I will be using ActionScript 3 and Flash CS5. (I have Flash CS4 also if needed). I am trying to create a website with a scrolling background that has 4 different scenes. I have attached an image to illustrate my idea. There will be a user interface, consisting of 4 buttons, which will be on stage at all times. Each of the button will correspond to a different scene of the background. So if the user clicks on the third button, the background will slide itself until the third scene appears on the stage.
Questions in mind:
How would the coding be like? I am planning to apply it to the button. So the background should shift ___ amount of pixels to the left or right depending on which scene the user is currently in. So if background is currently at position 800,0 (so the user is currently in scene 2) and the user clicks on 4th button. The background should move -1600 so the 4th scene will appear on stage. I am guessing there is 16 different cases I have to address. Assuming if that works, how would I also move the other objects on the scenes of background? Such as links to email address or my portfolio.
I am trying to make my websites backgrounds do this [URL] ignore the pop up that comes up.. I want the background to scroll whenever I click on a button and i have it all set up and it is still confusing cause i cant get it to work [URL]. How to get these buttons working right.
I want to know how can I make like this sliding menu, and also the intro of the website (likes a papers or book) and flower background (growing). [URL]
I have been following this tutorial [URL] to design a sliding website. I have designed each section (about, portfolio, contact etc) of the website as a movie clip. All the movie clips were then placed next to eachother in a row. Everytime you click a button the site is supposed to scroll to the next movie clip. This has been working fine until I changed the size of the content. The current content (each content movie clip) is now 1000x600. The problem now is that when you click a button, it doesn't scroll far enough. The .fla was unfortunately too large to attach.
URL..the menu when you move your mouse over model some shape also move above the model link and when you click on any model name shape remain on that model name and load the detial model range movie.
I'm pretty new to flash so apologies if i use incorrect terminologies. I'm trying to create a sliding interface set in a manner demonstrated in the diagram below.On MAIN PAGE there will be objects which will enable you to navigate around the site. i.e. if you click on the stick man the movie clip will navigate to the left and location you to the contributors page. If you click on the camera the movie clip will navigate to the right. Click on the TV the Movie will navigate downwards.Each page is only visible when you click on the relevant icon (i.e if you click on the stick man the movie clip slides to the left locating you to CONTRIBUTORS PAGE and MAIN PAGE comes off the screen.
In order to construct a site which navigates this way.......how would i do it and what is the Actionscript for this sliding interface style Do i combine all pages together and make one big movie clip...using script such as.....
public function moveX(event:Event):void { Xspeed = (mover_mc.x-newX)/ 2+Xspeed)/2.5;
I currently have 6 scenes in my current movie. It's going to be an online portfolio and each page is a section of the portfolio. However, I have an animated background (400 frames long) that I want to be played throughout the entire site. Of course, when I try and do this the animation resets every time the scene changes. The best I could do so far is to have it running on every page this way but like i said, it resets every time the scene changes. Is it possible to set this background to run smoothly through the portfolio without resetting?
i need to know how to make that effect on [url].... website where when the sliding menu gets to a point it loads a movieclip and a movie starts.. i have so far for the sliding menu..
buttons : on (release) _root.menu.Xpos = 0 on (release)[code]....
If i have created an animation in 'scene 1' on flas, and i really want this animation to be in a movie clip, is there any way i can transport the contents of scene 1 to a movie clip held within scene 1? (the animation only has one layer)
whenever I set my sound to stream and continue to make a movie with multiple scenes. The audio and video get disgustingly out of sync sometimes even off by 30 seconds. I just started an animation its only 10 seconds long with two scenes and the AV is already off by about 5 seconds. Ive worked around this by avoiding scenes altogether but i really don't want to have another 5000 frame scene. I discovered this problem in Flash MX and Im quite annoyed that it still has't been fixed 3 years later!
I'm currently streaming an FLV as a website background and I'm having some lag issues with it. The streaming works fine however it lags the website to the point where its difficult to use the button rollovers. This is done in AS3. Here's the link to the website: [URL]. At this point only the first 2 buttons have code on them.
Code Button Roll Over: stop(); var rewind:Boolean = false; myBT.addEventListener(MouseEvent.ROLL_OVER,growUP) ; myBT.addEventListener(MouseEvent.ROLL_OUT,growDown ); myBT.addEventListener(MouseEvent.CLICK,gotoSite); [Code] .....
I also noticed that the smaller the browser window gets, the less lagg I have. Anyone have any idea why the FLV is lagging the website so bad?
I've been trying to make a flash website with a video background; I've been trying to use the FLVPlayer with no controls, but theres no loop option nor resize...all of my work is on Flash CS3
I am trying to put a flash background on my website that will loop over and over.I created the file in after effects but understand that it is best to export to flash to keep file size down.I have tried exporting from after affects using F4L, FLV, and XFL and always seem to get a file size of 2-4 MB.My video is only 8 seconds long and I exported at half resolution so I am unsure why it is so largeWhen I import F4L and FLV to flash and then export as an SWF file, the file does not work on my website(nothing shows). It seems to only work when I import as an XFL and then export as an SWF.Also, how do I get the video to loop? Do I do this in flash or in the object tags in my website
I have one big flash and that flash created in AS3. I have put that flash as a website background. And now i want to add one button in the flash. So, when use click on the button then new site will be open. how to put the button as a background?
I have a flash website where I would like the entire browser window to fade to black when viewing various thumbnails. It seems that Flash's background color setting will bleed through the entire browser, but when I try to add a graphic to create the background fade it only goes so far as the flash stage.The stage size is 780 pixels wide - do I need to create some sort of dynamic stage that scales to whatever the web browser size is? Otherwise, if the web browser goes bigger then 780 pixels the stage boundary is obvious.
I would like to add background music to my flash website, but i have tried many ways of doing so. currently what i have is one movie clip which consists of two frames - one has the play icon and the other with a pause icon and the sound file. however, after some time and also a few button clicks, the sound repeats and results in the sound playing over the previous sound.
I'm making a website at the moment which will all be done in flash (currently 1000px wide x 450px height) - what i want is a background which is consume the entire width of the page regardless of what the users screen resolution is, im not sure if this is a html/css thing or a flash thing.
I've created a flash website at 960X600 pixels.I have a JPG image that I want to use a BG to fill the browser page.I can edit the index.html file. Should it be inserted there? the name of the BG is bg.jpg
I'm making my own website on flash cs4 and I really like websites with backgrounds that don't have borders, they just have an image or a design or both that fit the whole inside of the browser window like this website, [URL] is there a way to accomplish this in flash cs4? I know that you can edit the borders in the html embed code for the .swf but even if you put 0px for all the borders, if I go on another computer with different resolution settings or a computer with a bigger monitor and a bigger browser window, borders are still present around the .swf.
I am trying to do the background images for a website, but I want them transitioning. So what I done is import each image onto its own layer (four images in total), and I turned them all into a movieclip. I am then trying to add some code to make them transition between each other. I am attempting something like
var myTM:TransitionManager = new TransitionManager(my_mc); var myTM1:TransitionManager = new TransitionManager(my_mc1); var myTM2:TransitionManager = new TransitionManager(my_mc1); myTM.startTransition({type:Fly, direction:Transition.IN, duration: 3, easing:Back.easeOut}) myTM.addEventListener("allTransitionsInDone", doneTrans); function doneTrans(e:Event):void{ [Code] .....
Is there a more logical way to do this? Each image is a movie clip and I basically want them like a background slideshow?
I have a website at [URL] The problem i'm facing is that after the preloader is done the homepage comes but the other menus still takes much time to load and the sound also take atleast 5 min ! :(
How can i make them all bind together so that after the preloader everything comes together at an instant completely !
I'm trying to create a background sound in flash website. I created play/pause buttons and it works fine, but when the sound is over it stops. What I want is the sound to loop, not to stop. I tried different things but I can;t get it working as I wish. Here's my code:
Code: var mySound:Sound = new dogg(); var myChannel:SoundChannel = new SoundChannel(); myChannel.addEventListener(Event.SOUND_COMPLETE, whenComplete); function whenComplete(evt:Event):void
everything is working well with the exception of the background image/stage. Whenever I preview it in a browser, the site gets stuck in the upper left corner. I need it to automatically resize according the to viewers browser size. How do I do this? From what I've seen online, it involves possibly putting everything in a movieclip, which I can do, I just don't know how to proceed from there.
I have some code below which creates a background and buttons for a basic website. The site consists of 8 sections, with photos, text, etc.I am trying to "_Alpha" fade the entire page upon page Load. I want each page to have the "_Alpha" effect. So I need a function or a correct call to place on each page's code.For some reason, my code below works for the entire page and one button, but the rest of the buttons, still show up instantly. Notice a few lines below where I actually do my tween call, "//Alpha Ease-In". I am using "this" for my tween, but I have tried "_root", and even each button "_root.but1", etc. but it still seems to give me partial results. Anyone know how to correctly tween the entire page upon load?[code]
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.
