ActionScript 3.0 :: Snapping Movieclips To A "grid"?
Jun 27, 2010
I am currently making a clone of Puzzle Bobble, and I'm having a bit of problem with snapping balls to a grid.(I can't post links it seems, but see the first hit on google when you search for "flash puzzle bobble" if you don't know what game I'm talking.)I have a decently working hit detection, calculating the distance between the fired ball and each ball already on the playfield and stopping the ball when the distance is less than the combined radius of two balls. At this point I send the stopped ball to a function that I use to reposition the ball according to the grid.My grid is currently constructed as a multi dimensional array, like this:
There's not that I can't do this, I just want the best way on how to. I want to create a grid in as3 and draggable items that snap to the grid. I guess you all know what I mean. The best way seems to create small boxes like explained in URL... Then add an addeventlistener to it that when the draggable item hits it, the x and y need to be set. Or is there an easier way?
I've got a movie clip that's basically a grid with small little boxes that total 84 rows, and 20 columns...I'm trying to get the user to be able to snap to the y position of one of the small little boxes.You click on a square, and position it over one of the small boxes in the grid, but it always snaps "wrong". I've tried --square_on_grid.y = Math.round(square_y/g_gridSpacing) * g_gridSpacing;
Our client has tasked to dynamically generate grids with different size boxes. The grid should not have defined edges, but each movieclip should have a certain defined border. I'm pretty new to AS3 still, but can handle pretty much everything besides this sort of giant math problem. Here's a simple layout of what I'm looking for on a much smaller scale: [URL].
I can almost emulate this, but sometimes my boxes will overlap, and that's a dealbreaker. If I start hitTesting it works up until I try it with 55+ movieclips, then I fear that the script could freeze. Here's the code that works, but may freeze at times. How can I optimize this so that stack overflow errors can't happen?
package { import flash.display.MovieClip; import flash.display.Sprite; import flash.utils.getDefinitionByName; public class box_builder extends MovieClip { private var _path:MovieClip; [Code] .....
I want to create a grid of movieclips using an array. But every movieclip added needs some sort of unique idenifier so i can access each individual movieclip.
The grid is 6 movieclips on the Y and variable on the X(that doesnt really matter to be honest)
I have managed to create an Array that displays 6 movieclips on the Y using this [code]...
now i tried creating another class and storing the 6 tickets i made in this class in another movieclip and then using the same method in the other class (i called it Ticket_Batch) i created another row of 6 movieclips. although this kind of worked visually i could no longer access each individual ticket.
my question is: how do i create a 6 x 36(or any other multiple of 6) grid of my movieclips in the same class using an array (or 2 arrays) and giving each movieclip an instance name that i can access and use?
I have a grid based game with eight bots each moving under their own instruction set, I have set them to return their ID and location when clicked, the game as it stands now is over 2k lines so I wont post it all here. On occasion two of the bots are merging into the same MC, clicking on either one or between the two merged ones will return the same ID (bot 0 returns that it is bot 1 in bot 1s location for example). To make it more confusing they are continuing to run their own separate code, bot 0 is not moving the same way as bot 1 is. Doing a var dump does not show anything as wrong, they all show up with the right IDs and locations.
So I'm displaying data with a tilelist and a scrollbar. I want the use of the scrollbar, but I don't want totally free scrolling. For the rows I'm displaying vertically, I don't want to be showing like half a row, I want it to snap. I know this can be achieved with the up / down buttons of the scrollbar, but that's not the way I want it to work How would I be able to ensure that only a full row can be shown when scrolling?I've taken a look at the event you get when you subscribe to ScrollEvent from <TileList>.verticalScrollbar and they run through fl.controls::ScrollBar/handleThumbDrag and l.controls::Scrollbar/setScrollPosition before getting there, which obviously sets how the tilelist should be displayed.
I have a simple character rigging system that I'm working on and I'm running into a bit of a snag. I am trying out the system with a new character animation which has more subtle movements which flash appears to be using pixel snapping on. The result is that, since the eyes, nose, and mouth are all separate pieces and children of the head, their pixel positions are all being snapped a little differently and it looks like the pieces are just floating around on the face.
More background: The assets are SWF files loaded in at run time, they are not cached as bitmap, the issues only appear with small movements that make single pixel differences noticeable, the same animation loaded in as one swf and not rigged looks fine, but this is likely because that swf's x and y position is not changing, just the assets in it. It seems to me like flash is treating the loaded in facial assets as bitmaps with pixel snapping turned on.
i have a made adrag and drop situation where someone is cooking a steak. the pan has the instance name of triangle_mc and and the food has an instance name of triangle_mc the script below works fine.
Is there a way to have the startDrag command not lock to the centre of a MC but to have it snap and drag from a set location, ie _x and _y positions, on a MC.
I'm outputting some dynamic text, and I'm in desperate need of figuring out a way to display an image beneath it, and to dynamically display so it's always at the bottom of the text. The image is another line of text that is styled so I can't simply write it into the box.
I've googled out a lot of different stuff on this matter but nothing seems to work. I have a Sprite object which is used as a main container for other objects.The lowermost child of this sprite is a Bitmap which represents a background, the upper ones are MovieClips. These movie clips contain bitmaps. There are also DropShadow filters applied to these movie clipsThe problem is that when the main container moves, e.g. 1.3 pixels to to the right or to the left (doesn't matter) all those objects (movie clips contained inside of it) move like they snap to pixels. Well,it's obvious, they do. But is it possible to avoid pixel snapping for movie clips and sprites?I tried to set pixelSnapping of the bitmaps inside those MovieClips to "never", but it doesn't work. Removing all filters or drawing movie clip to bitmapdata doesn't help either.
I'm trying to make a gallery where the user can move the cursor to the left and right to have the images slide in that direction. I also want to have the image that's in focus snap to the screen after about 2-3 seconds of the cursor staying around the center.
I'm currently working with the OLAPDataGrid component and got stuck at a relatively simple task: I want to style the last row of the grid differently from the rest, so my cell item renderer needs to know whether he's rendering the last row with content in the overall grid, including those rows currently not rendered because they are outside the visible grid space. AdvancedGridListData's rowIndex property only gets me the row index of the renderer relative to the range of visible grid rows, i.e. when I scroll down the grid, a data item with an index greater than 0 gets the rpw index = 0.
I am trying to snap 2 vector points together but for some reason its moving the entire object instead of the point. I am trying to follow instructions in a book and the book shows that it is using the solid (filled) selection tool and it has the magnet turned on for snap options. It shows I am suppose to click where the (right triangle) appears beside the mouse arrow and then snap. but it keeps moving the entire Object even with the (right triangle) appear beside the mouse arrow. what could I be doing wrong ??
I need to create a simple multiplication grid where children will fill the grid. Its an empty grid at the begining, when they start the time start as well.Its a grid of 10 x 10. when they enter the last number, the grid should show what they did wrong and the time they spend. It's an idea of how it could work but if anyone has something that looks like this.
I want to make a square grid of fixed side length but varying grid number using code.That is, the number of grids should be specified by the user (say 3*3) and after pressing a button, the stage should be broken into 3*3 grids.I don't want any code, just a method on how to do it. I have tried it by using simple loops but the method just fails for no reason I can figure.
Whenever I add paddingRight to a column in the flex grid, it adds the padding to the header as well.Is anyone familiar with how I can add paddingRight just to the column and not to the header? Below is the column code where I was specifying the padding.
I really like the thumbnail gallery for its simplicity and beauty. But I would like to ad or vertical scroller (I'm unable to find it here too, maybe I'm blind, just I'm more at the end of my seeking options) or a make a grid thumbnails, that will show 2 columns of thumbs and 5 pictures in each columns, then under the 2 columns i would like to ad a sort of arrow or button that if my gallery have more then 10 pictures it will go on the next thumbnail list. I'm not looking for any extra fading effects or special movements. Just would love to have a single thumbnail grid on side, with option to have lists of thumbnails by 10 if there is more then 10 pictures or so.
I have a mx:Grid component in my flex application. But I would like to resize it by clicking and dragging in the border. This component doesn't allow doing that.I want to put a panel in each gridItem of this Grid component and resize it.
I'm building a small editor that allows users to place electrical components onto a grid so that they can see how electricity works. I have built a grid using an array and for loops and attach movieclips dynamically to that grid. What I want the moviclips to do is to look in the four spaces either side of itself i.e. up, down,left and right.I have managed to pull the grid coordinates out of the grid which enables me to tell the clip which grid space to look at but have been unable to successfully get the code to work.Here is my code:
I'm trying to code the snap to grid functionality. The dragged object should snap to the grid if the distance between the object bounds and a grid line is less than 5px. I found a way to do it if the object's rotation is 0 but it doesn't work if I rotate the object. I need a different approach. Can you point me into the right direction with the algorythm or any source code?
I am trying to create a puzzle like game (a chinese puzzle game called tangram). I am wondering what kind of functions should I use to create a "triangular" grid i.e. something similar to this ?[URL] What should I do to make the movie clips to perform the "snap to grid" effect to this grid?I have tried to draw my own grid and used the "cacheAsBitmap" function to implent it, however it doesnt seems to be working.
I am a newbie in flash and I am trying to create a puzzle like game. I am wondering what kind of functions should I use to create a "triangular" grid i.e. something similar to this ? [url]... What should I do to make the movie clips to perform the "snap to grid" effect to this grid?I have tried to draw my own grid and used the "cacheAsBitmap" function to implent it, however it doesn't seems to be working.
I'm trying to dynamically draw out an isometric grid but I'm hitting a few problems, currently I'm using a matrix transformation to get the grid to look more isometric that tile based but it has it's problems so I want to add the grid with out using the matrix transformations. currently I have..
[Code]....
I tried to draw it out using Sin ,Cos and Tan functions to try to set the coordinates but it didn't behave like I had expected,
I m trying to make sense of how to load a swf into a parent MovieClip and allow them to communicate.I ve attached two zip files � one which works fine and the other doesn�t. Unfortunately (for me), the one which doesn�t work is closer to my current project.I need to load movieclips into the parent movieclip. The parent movieclip has controls which rely on values parsed from the child movieclip.In the parent movieclips I wait until the loading is complete and so the values should be passed. However, the values aren�t passed unless I use a button (or timer), to pass the values (see the working exampes).The code which doesn�t work is:
Parent movieclip:
ActionScript Code: stop(); var myLoader:Loader = new Loader();[code].............
I have two SWF-Movies. One is exported into eht other as Child.Can I instance the Objects of the two libraries in all places, where ActionScript is possible? (In Keyframes of the MovieClips and in external class definitions.)
