ActionScript 3.0 :: Scrollbar For Very Large Images (tile-based)?
Aug 23, 2010
I've recently picked up some flash work after a long respite into motion graphics via after effects, and I'm slowly mucking my way through things. I've currently got more than 250k pixels I need to seamlessly scroll through horizontally, via a scrollbar and buttons. I've bitten off more than I expected! I've been searching around, and it seems like tile based scrolling is what I'm going to need, due to max bitmap restrictions, is this correct?
If I'm on the right track here, I throw myself on the mercy of the community for any tile-based scrolling resources out there that you know of, something that explains the idea and setup from a non-game point of view maybe? Sorry if I seem like another noob looking for a quick fix, I've honestly been trying to find info on this all morning. Also, feel free to smack me into shape if I'm making this harder on myself than necessary.
I'm relatively new to AS3. There's one thing that I don't quite understand about Sprites. I'm making a tile based game, and all the tile graphics for a level are inside one movie clip in each frame. Would I be able to go about creating multiple sprites based on the frames in said movieclip's timeline I would I have to go through and make a separate library graphic for each.
I want to create a tile map and my fla is 600 x 400. Now I create 7x7 Sprites (Size 40x40) and I want them to be in the middle of the scene with text around (not in the map!). One way is do update the sprite containers, but this isn't "smoothly", I wanna scroll the content, when a new raw appears.
i'm fiddling about with tile based games at the moment and am working from the super good tonypa tutorials. i'd like to change the source code a bit so that i can play about with placing items onto the tile grid dynamically but need some help! tile_dev2.fla.i've linked to the source file and would basically like some help to change a value in the map array so that it change the graphic displayed on the screen using a button or keypress maybe? i have a detectKey function working on the stage that is used to control the movement of the little birdy character i made. also maybe a function the change the character displayed on the screen.
I'm trying to create a simple side scrolling platform game. So, my question is, which direction should i go in? Tile based or art based?So far i have a jpg that extends far beyond the stage and if i wanted to make a real level then instead of having it 480x2000 i would need to make it more like 480x5000 at the least.Im interested in tile based but all the guides i've found are rather dated.
This is my code so far, is square.graphics the way to go? How do I draw a tile that is a picture? Do I need to hold the graphics in some sort of array to do checking like collision?
I am trying to make a pacman game and was advised that collision detection for a game like this is much easier if you create it using a tile based methodology. I have the map created and the character moves fine around the grid. But once I added collision detection it seems to be a bit off and inconsistent. Im not entirely sure what the problem is with the collisions.
Is there any way to animate from a tile based .png image file? I have multiple images in 1 png file having slight changes in each image, which if cropped and put into layers one over the other, will give the feel of animation or a character moving or walking etc.I want to know can we do that kind of animation in flash as we do it in C++ or Java and how can we do it.
I am having problems with my collision detection. basically when I hit a solid tile my character's body is half way in the tile already. here is my code.The properties wY and wX are my game world positioning. Not the stage positioning. dx and dy is the velocity the character is traveling. This first snippet of code is within a game loop. The focus point of my character is centered on the x axis
I've been playing around with ActionScript 3. They have a new way of placing clips onto the stage, "addChild(clip)," which automatically places the clip onto the stage with it's own depth. So here's my problem, when making a tile based game, I have to constantly depth sort to make sure the object lower on the screen has the higher depth than an object higher on the screen. Pretty much, their depth depended on their y-coord. Does ActionScript 3 still let us play with depths?
I am loading the swf of this scroll bar into my main project using a button. How do I make a large version of the thumbnail load above the scroll bar?
Here is the code that is on the main timeline: //Import TweenMaximport com.greensock.*; //Save the horizontal centervar centerX:Number = stage.stageWidth / 2; //Save the width of the whole galleryvar galleryWidth:Number = infiniteGallery.width; //Speed of the movement (calculated by the mouse position in the moveGallery() function)var speed:Number = 0; [Code] .....
I have 2 ScrollPane comps into which I dynamically load MC's which are large enough to trip the vertical scrollBar ..1st load all is fine .. 2nd load 1 SP has vertical scroll the other doesn't ..it doesn't matter what MC's are loaded ..
// IN Parent MC stop()var AudCh:SoundChannelvar AudFile:Stringvar Audio:Soundvar AudPos:Numbervar CRF_Array = new Array()var Domain:Stringvar [code]....
If you choose to try .. some instructions are in order ..
1. Next to begin
2. Matching Source Document = "The CRF is the source document"
3. 2 errors = initals and date on bottom of CRF sheet ..
I'm familiar with C/C++/Scheme/Java/OpenGL/TCP/IP.I need to learn how to build a tile based / platform flash engine.What tools should I be using? What books should I buy?I strongly prefer tools that let me do things programatically rather than through a graphical UI.
I'm making a game where you place tiles on a grid. When placing a tile, I need to check the existance of another tile to the left, right, or above and below, otherwise the tile should not be placed.. Here is a function I thought would work, that accepts one variable (the position of the tile just as it is about to be placed) :-
private function checkSurroundingTiles(gridPosition:uint) { var t1 = gridPosition - 12; var t2 = gridPosition - 1; var t3 = gridPosition + 1; var t4 = gridPosition + 12; for(i = 0; i < gridRefArray.length; i++) { var checkTile = gridRefArray[i]; if(checkTile == t1) { return true;
I have a Flash file embedded into HTML - the objects inside are place based on the browser's screen size.Most of the time I don't want a scroll bar, as things are correctly placed, but once the browser window gets too small it'd be nice to have it.So, the main question: can I have a Javascript code listening for the browser window, then adding a scroll bar if it's smaller than a certain number?
I use Flash primarily for animation. The project I'm working on currently is a hefty 1920 X 1080 square pixel file and currently weighs in at 187mb because of all the sounds and jpg images.It's 2 minutes long.
The problem occuring is new to me as I've never worked with projects this long or in this resolution. Or with this much data (sound effects, jpgs, etc).
The problem is this: I'm trying to import a high resolution photograph (3500x2500) onto the stage or even just in the library. I'm using the photos to get an idea on where the final animation will be placed (photo backgrounds, flash animation, composited in After Effects, think Roger Rabbit).
I found this bug in Flash 8, so I just downloaded CS5.5 trial and I see the same problem. When I increase the image export resolution to get a larger image, at one point the lower section of the image became white (the image has the appropriate size but the content is not rendered in the lower section). As bigger is the image, larger is the white fraction. The amount of useful pixels always stay around 10 or 13 megapixels. Here some examples:Original image was 3375x6710 pixels in the left one and 2625x5219 en the right one.
I'm having an issue where when I try to print a larger image via printjob one of two things happens. One either the job fails or two the output of the image is literally diagonally cut off. I am simply passing the stage to the print job. I've tried both with and without using printAsBitmap.
I'm creating a movie object using images. I'm using PNG file types with an alpha channel. Each frame is approx 640 x 480, each single pitch image is 36 frames creating an image 23040 x 480. If it's a multidimensional image it is 23040 x 11520. I load the image in using "img_name".loadMovie("imageFileName", 1);
The problem is it only seems to load around 2880 pix of the image.
How can I get it to load the whole image? How can I choose it to load the next section of the image?
I have this code which works fine when selecting a small number of images.
public var fileReferenceList:FileReferenceList; public function browseFiles(event:Event = null):void {
[Code]....
However, when selecting a large number of images (1000+), the fileList isn't initialized yet when the SELECT event is dispatched. Is there a way to wait for the fileList to be initialized?
I have some pretty large PNG images stored in a database (example 1000x15000 px, 4.5MB). I am trying to load this using the Loader class...the problem I am having is when I call load(), nothing happens. No events, no errors.I can take the same image and embed it. As long as as I set the height to less than 8000px it works fine. If I convert the embedded image to a ByteArray and try to load it, nothing happens.
Here is an example online, I am trying something similar but am not happy with what I am seeing, perhaps it is just on my side. The scrolling seems choppy/jagged. I have this same issue doing a similar scroll with lots of big images. Is there any way to get a nice smooth scroll at a decent speed with flash?
Ive ported my as2 code into as3 but am seeing the same results. I have used tweener and tweenlite, nothing Ive tried is helping. how to achieve a smooth scroll?
I'm building a flash based site for my photography in Flash CS3 with actionscript 2. The swf is almost 700kb so I guess I'll need a preloader right? I thought I could create a preloader scene before the main content scene and apply the following code to the single frame within the preloader: Code: ifFrameLoaded ("website", 3){ gotoAndPlay ("website", 1); } This doesn't seem to work as the large images in my gallery (contained within a movie clip) won't load unless you leave the gallery page then go back in?
I am attempting to capture a very large image that was made dynamically within the Flash Player (the size of the image is 2400px by 12,000px) and am running into some very serious issues... Let me run down how the image get's to that size in the first place:
User adds elements to a canvas and then when the user is finished the canvas scales up to 2400px wide and ~12,000px tall. The problem arises when I attempt to save the image to the hard drive. Now, I dont know if this will affect the recommended fix, but the rendered image wont be saved on the hard drive, it will be sent to a server. I know about the ~4050px limit in Flash Player and was thinking I could get around that by clipping the images with the ImageSnapshot.captureBitmapData() method and keeping the required Rectangle variable below 4000px then repeat that down the large image until it reaches the end where the final images will be pieced together at a later time. However... As i mentioned the error comes when it reaches the 'fileReference.save(pngImage);' method..
I am creating an image gallery and it has a set of scrolling thumbs at the bottom and when clicked it opens an image that is the large version of it. What i would like to do is have the scrolling thumbs inside a black stroked box using the drawing API and when clicked it opens that image larger with another black box around that image. I know you have to use the drawing API but I have no idea on how to implement it at all. Also is there any chance each image could have a preloader on it.[code]...
I have an all flash website that works by having each portion of it to load and unload in the center of a frame based off the navigation chosen.Load times on everything but one part of my site are ok.The dimensions of the part inside the frame are 968x674.I know that's relatively large for a flash file, but that can't be changed at this point.Within the page there are objects that come up when you find an item on the screen.Its a dialog box and it shows text, an image, and has a voice over that reads what the text says.After you're done looking at it, there is an x-button to dismiss the window.There are 15 of these and they are exported to the actionscript.I add them in the actionscript via addChild.
The other huge thing is there is a ton on the screen.It starts you off in an environment, and when you click 3 different sections, it zooms into that portion allowing you to look for the items you're trying to find.There is also a man that talks and animates in the beginning and at the end.We are planning on taking out the end part and putting a text box up. URL...The two parts of the site we are trying to optimize is the main menu when you first are at the site, and the "Explore" section.(Just click on the cloud on the front page.
I am creating a Flash site for a client who wants to display many (about 15) fairly hi-res photos as well as a video. I am using the Video class to display and control the video, and the Loader class to load the photos. I preload them from an XML file up front, while "loading..." is displayed.
The video plays immediately after the loader finishes, and the user can also choose to view the slideshow, which has left/right arrows which show each photo with a simple fade tween between each one.
The problem I am having seems to be that when all these assets are loaded, the video and the "fade" effects are very choppy. If I cut down on the number of photos, everything works fine; but I have to include all of them, plus the video.
I am storing all the Loader instances in an array, and when they are requested, I add them to the stage and fade them in. When it finishes fading in I remove the previous one from the stage. So they are all stored in Flash's "memory", but there is only one Loader or Video instance on the stage at any given time. Is there a better way to handle this? Perhaps some way to cache the images but not bog down Flash's memory? I would prefer to have everything loaded up front in order to avoid needing a "loading..." for every slide.
We build prototypes and demo applications in Flex 4.5.1 and AIR 2.7 for mobile and desktop use. These tend to involve a large number of full-screen .PNG files. Lately we have been looking at ways to segment our code for flexibility and multi-screen re-use. What suggestions do people have for segmenting the project and libraries such that compile times are minimal and images are easy to replace?
