I'm trying to do a full browser flash site in which i want some of it's elements to behave like footers. Meaning that, as i resize the browser window i want them to always appear at the far end of the stage. I'm using swfobject and swffit but the problem is that if i resize the browser to be larger than the original stage width and height, those elements disappear.
View 2 Replieshow to make the preloader works on the full screen website/ fluid layout. I add the Stage.resize on the code for FYI When I added this code to the bar, it expanded to full screen, but there's no loading bar. The text is also no progress.
View 1 RepliesI have a full flash site which uses swfobject to embed it 100% height and width. I'm using swffit to force a browser scroll bar for pages with a large amount of content. This is all fine and works perfectly. I also have the content in HTML format, as alternative content and this also works apart from in order to get the flash swfobject to work I need to add the overflow = hidden in the CSS, like:
html{
height: 100%;
overflow:hidden;
}
#content{
height: 100%;
I want to make a fluid layout for the website I'm working on right now. I know the basic concepts of how to center an object and keep it there, or how to stick a shape to the top or bottom... etc. But if there's a movieclip that I would like it to conserve its position proportionally as the visitor resizes the stage, how can I do that?
View 4 Replieshow to add scrollbars to the html? For example if the user is using ie8 and resolution800x600 so they can scroll contenct vertically?
View 5 RepliesI have been given a site to update/improve, which uses many AS1 and AS2 elements, and my team likes a piece of AS3 I've found for a fluid layout which tweens the site container to the centre of the browser's window, and we want to keep it.But at the moment, I have to load the AS1 site into an AS3 container in order to make this work, and this means we lose the deep linking, and it's really cumbersome loading 1 thing into another which is loaded into another...
Sooo, I was hoping someone knows how to translate this AS3 code into AS1/2. Is this possible? Does AS1/2 have the appropriate tween/ease classes? Here's what the container page looks (please ignore the commented out sections).siteLoader is the MC i'm loading the main site's SWF into. AS1 would also make this much simpler with loadMovie command.
ActionScript Code:
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;[code].......
I am using the following code on individual movie clips to keep the object centered in a fluid layout:
onClipEvent(load){
this._x= (Stage.width)/2;
this._y= (Stage.height)/2;
Stage.addListener(this)
this.onResize=function(){
this._x= (Stage.width)/2;
this._y= (Stage.height)/2;
}}
My question is this: Can I add/modify to this code to make the MC scale proportionately up as I drag the browser window farther open? Right now it stays centered but it stays the same size.
I have found a great resource for a fluid flash layout but there is one glitch with the site in that when it loads the content is all pushed up into the top left hand corner, if you then click rescale the browser it then fills the screen correctly but not initially. Here is the site: [URL]. The as. file for reference is with the rest of the files at this download link.[URL]
View 2 Repliesi have index.swf as a main swf and other swf for the other menu.. and i can't get center position for one swf which is collection.swf here's the source file :[URL]
View 2 RepliesI am making a flash website and I am implementing a fluid layout. In the website I made a drawing program that is supposed to move along with the rest of the elements of the website when the window is resized. Now the problem is not the drawing program itself, ive got that working very well, the problem is when the canvas movieClip onto which the painting is being done is moved when the window is resized, the movie clip does not stay on centre, and the drawing is displaced outside the canvas movieClip and no longer happens on the mouse X and Y.For the sake of simplicity I made a simplified version of the drawing program with the fluid layout code and drawing code. No point in going through 200 lines of code when the problem lies within 10 lines of code.[code]The pink box is the canvas the user is able to draw on. The grey box is used to test the fluid layout code and to give coordinates for the pink box. When the file first loads both the pink and grey boxes are side by side, during the resize event they should stay side by side, however they do not.
View 1 RepliesI'm basically a designer with no real programming background. I do understand some basic of AS2, but with AS3 I kinda have no clue. Anyway I got a problem that I have been trying to solve alone for quite some time and can't seem toI'm trying to write my own code based on the thing I have seen in both tutorials. I wrote the fluid layout part based on the first tutorial link, and the preloader part based on the code found in preloader.fla in the second tutorial link. So now I have 2 seperated swf file, which is website.swf and preloader.swThe thing is that once the preloader is done and the website.swf is shown, the fluid layout code inside website.swf doesn't seem to work. Both files has the fluid layout code, and the code works when u open the file seperately, but when it's linked together the code just fails.here's the code on the preloader.fla:
ActionScript Code:
import flash.events.Event;
import flash.display.MovieClip;
[code].....
I'm building a photographer's gallery website and I need it to resize to fit in browser window. So far so easy...What I would really like to achieve is a maximum and minimum size that the gallery will go to.
So, if the images I am using are 1400x1000 (for example) when this size is reached by the user expanding the browser window i don't want the gallery to expand any more, just sit in the middle of the page.
Similarly I don't want the gallery to go below say 800x600... how to set a max/min?
I have a fluid layout and I have buttons and things on the top right. When the person resizes the window down, they all jump on top of each other. How would I get them to stop after they get to the point of overlapping each other? If you go here: [URL] And go to their main page. When you resize your browser down, the elements stop at a certain point and just get cut off. How do I achieve this effect? I'm thinking somewhere along the lines of using an enter_frame listener to detect the x and y coordinates of these elements, and when it hits a certain coordinate to remove the listener that moves these elements. Can someone point me in the right direction?
View 3 RepliesI am using Gaia framework with a fluid layout at here is what I get
This is the error:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at com.gaiaframework.FluidLayout::FluidObject/reposition()
[Code]....
I have found a great resource for a fluid flash layout but there is one glitch with the site in that when it loads the content is all pushed up into the top left hand corner, if you then click rescale the browser it then fills the screen correctly but not initially. Here is the site:[URL]
View 2 RepliesI'm trying to make a site for all screen resolution. Seems this method don't work when I have a tween navigation. The navigation border stay the same even after I put this coding:
[Code]...
ive been using this tutorial [URL] after following the tutorial everything works except when I have an image that is not on all frames, the fluid layout doesnt work on that image until I resize the browser again after I have gone to that frame, which obviously isnt quite right.
View 1 RepliesI am trying to build a site with fluid layout. I have three classes: Preloader, Main and Background.Preloader loads main.swf and has resize function where it can access Background like so:
Sprite(loader.content).getChildAt(0).y = stage.stageHeight -
Sprite(loader.content).getChildAt(0).height;
Main has an instance of Background.Background draws vertical lines. It uses fluid layout on its own. Works fine.Here is the catch: Background utilizes stage.stageWidth and stage.stageHeight,when tested with separate fla works like charm. However, when accessed thru Preloader throws this error: Error #1009: Cannot access a property or method of a null object reference.I think it is because use of stage but I don't know how to go about it.It also uses its own resize function.
So, what is the best way to put it all together? Where should I keep resize function? What I need to do with stage object in Background?
swfobject.embedSWF("flash/main.swf", "myContent", "100%", "100%"...
It turns out the above doesn't work,how can I instruct to swfobject that I want the swf to be as wide/high as possible?
I added a Menu_mc on my stage. Initially, this should be at the center of the stage and when I click on it, it will tween on the upper left corner of the browser. However, when I resize the browser, the Menu_mc goes back to the center of the screen.
I have tried separating a different actionscript file where it is specifically for initialization of the object and another one for resizing. And then when I call it on my main AS file it goes like this:
Code:
// Add the symbols to stage
var Menu_mc = new Menu_MC();
addChild(Menu_mc);
[code]...
But it seems futile.
I've set the publish settings to 100% width and 100% height and have then added the 'noScale' function into the first frame of my timeline. Here is an idea of what I'm trying to create:
I have three movieclips that are touching the left side of the Stage and want them to touch the left side of the browser but centre vertically. I can do this by adding the 'Stage.align = LC' command, but not sure if this is the right way to go about it.
The movieclip that is on top contains a logo and I want it to have a fixed size. I called the instance name 'logo_mc'.
The movieclip below 'logo_mc' is called 'container_mc' and is a strip of photographs that I need to run from the left to the right side of the browser no matter what the browser size. I need this movieclip to scale proportionally up and down as they viewer resizes their browser so the first photo is touching the left side of the browser and the last picture is touching the right side (without distorting).
The final movieclip is called 'buttons_mc' and is right below the 'container_mc' clip. This movieclip needs to remain a fixed size.
Obviously when the 'container_mc' clip resizes I need the other movieclips to move up and down to stay the same distance above and below the 'container_clip'.
Example of what I am trying to create: [URL]
With swfobject 2.2, how do you specify the desired version of flash you require? I need flash 10, but swfobject won't perform an upgrade install with the provided expressInstall. swf in the swfobject 2.2 distributable. How do I get an upgrade install to occur for flash 10?
View 1 RepliesHow swffit (http://swffit.millermedeiros.com/) can be used? I mean in my project I have dynamically expanding flash application, so once the expanding part riches the bottom I see standard flash scroll bar. Not browser scrollbar...
Here is how I defined my application:
public function addPanel(evt:Event):void
{
var panel:Panel = new Panel();
panel.name = "new";
panel.title = "new";
panel.height = 30;
panel.width = 100;
this.addChild(panel);
SWFFit.fit('my_flash', 800, 600);
}
public function main(event:Event):void{
SWFFit.fit('my_flash', 800, 600);
}
]]>
</mx:Script>
<mx:Button label="Add" click="addPanel(event)"/>
The html file (same as described in docs):
<html>
<head>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript" src="swffit.js"></script>
<script type="text/javascript">
swfobject.registerObject("my_flash", "8.0.0");
swffit.fit("my_flash",800,600);
</script>
</head>
<body>
<object id="my_flash" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
<param name="movie" value="Sample.swf" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="Sample.swf" width="100%" height="100%">
<!--<![endif]-->
<div>
<a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" title="Get Adobe Flash player" /></a><br />
You need <a href="http://www.adobe.com/go/getflashplayer">Flash Player 8</a> and allow javascript to see the content of this site..
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</body>
</html>
Will be happy to hear any feedback,
Added fixes described in answer 1. but come across interesting issue: e.g. browser scroll bar appears only on browser window resize, not when clicking add button...
http://img.skitch.com/20100210-qx9trerh8rq5athhnuwtidetr6.png
After add is clicked several times, I see flash default scroll bar...
I've made up a mock gallery using the standard xml and AS coding (not too dissimilar to the Kirupa gallery tutorial) which is all fine and dandy. The new fwa website (here) pages the thumbnails with respect to stage height and width (with the holder area being a proportion of the total stage area). I have been able to set up a Stage.onResize function so that a potential holder mc will vary in size as the stage is dragged around.I'm not sure how to go about actually getting the thumbnail images (or any loaded data) to list depending on how large the holder is. In truth I'm not sure where to start. Am I on the right track using a holder clip to load into and set up a switch statement that assesses the holder width with respect to the width of thumbnail loading in or am I on completely the wrong tack and should be looking at using a datagrid?
View 3 RepliesI'm a bit stuck looking for a tutorial for a water effect I'm trying to create. Has anyone made a simple random fluid water-effect in Flash, to be applied to one background image?
There's plenty of ripples and rain drops - but my image is taken from within the water, and it would be great to get some animation in there!
Hello,
I'm trying to create an icons that move fliudly backwards and fowards across a screen and I would like motion forwards and backwards. play(); works great for going forward until stop(); is there a way to do that going backwards on the timeline instead?
P.S. using prevFrame(); is jumpy and doesn't actually "play" each frame. Multiple calls simply make the movie jump to however many previous frames you called at once in your loop so you don't see any motion inbetween.
I have an external swf which is a new 'page' in my website. It loads on a click into a loader. The original swf file that it loads into is scaleable on browser resize. Any way I can do this for the movie clip that loads the external swf too? Right now, it just sits stationary. Does the code have to happen in the actionscript of the external swf or in the index/original swf in which the external is being loaded?
View 1 RepliesI'm designing a website with flash cs4 and actionscript3. Every section is made with a movieclip, which is faded in and out when a menu button is clicked.
I've noticed that the first time I click on a menu button, the fadein or fadeout effect of the corresponding section is not fluid (I'm using caurina tweener), but the section movieclip appears/disappears suddenly. I suppose it may be a buffering problem, because when I click the section button for the second time, the fadein and out is fluid.
I have made xml gallery with thumbnails, following kirupa's tutorial [URL]. Everything works perfect, but I need to add some more interesting movement on horizontal scroller of thumbnails. For example, thumbnail starts to move quicklier, then they slow down..etc. How can I make it? With some ease, tween class...?
[Code]...
I'm trying to create a really fluid animation in flash, how do you think the designer animated the arms of the black shadow guy that appears right at the begginning of this game? [URL]. That's really fluid, did he just make some sort of shape tween? Or the Cyanide and Happiness series on youtube, how did they animate like that?
View 3 Replies