ActionScript 3.0 :: Perform "Snap To Grid" Effect?
Aug 8, 2010
I am currently building a chinese puzzle game called tangram. I am wondering is there any method that I could do to make the movie clips to perform the "snap to grid" effect? i.e. the tangram puzzles being snapped to the pattern. I have tried to draw my own and used the "cacheAsBitmap" function to implement it, however it doesn't seems to be working. I have just written the code for building the grid, but what should I do next to make the snapping action?
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've been looking for a Snap To Grid effect like this one [URL]. It's the best one I've found so far. It's what I want to create but I want my grid to be on a 45 degree angle and I have no idea how to do that...
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?
How to snap a shape to an isometric grid? The grey piece is draggable and when you release it it should snap to the grid. I know how to snap it to a regular grid but to a isometric grid is imposible I think.
The app allows the user to drag images from a libray onto a grid and position the elements within the grid. The user can also drag textfields which can be edited and resized.The grid needs to have some sort of snap-to, to make it easier for the user to line up the elements. And then I need to create resize handles around both the editable text fields and the other mc's. Has anyone seen a tutorial or can anyone help me with?
1. Drag and drop with a snap to grid
2. Resize handles for mc's, and inparticular textfields
In the end, I need to be able to track all of the x and y's of the elements on stage and then be able to rebuild their layout when it is loaded in a subsequent session. I'm sure this is going to be difficult.
This is my first action script project and I'm having trouble with some positioning of movie clips that I can't work out. I'll post in the parts of the code that I think are relevant in hopes that someone may be able to see what I am missing. The problem is that according to my traces my gridSnap function should be working. The trace shows mc.y to have the correct value while the movie is running yet the mc's in question are appearing in the wrong spot (they appear at GRIDSIZE*gridNumber) in the movie. The problem only manifests itself in case one and case three, both of which should have the same code but I was only testing different approaches in case one. On with the code:
I really like the text effect Pom used in the footer contest, and would like to use the same grid-type method of creating mc letters but with a different effect. i understand how to change the parameters and shapes of the letters, but can't seem to figure out which piece of code is purely for the explosion effect. basically, i want the letters but with the 'Repel' effect from[URL] here is Pom's AS:
[AS] cellSize=3; radius=10; damp=.85;
[code]....
and here is the .fla using the repel effect using pre-made mc:
I have the code below positioned on a keyframe in the main time line which gives me a grid effect using the instance 'cube' of the MC 'cube.
gridy=30; gridx=30; num=0; for (var i=0;i < 10;i++)
[code]....
The effect i want though is for the reduction in alpha to stagger from instance to instance, whereas at the moment they all fade together. Is there a way of tweeking the code i already have to achieve this staggering effect or does the whole thing need re thinking.
Fading effect with grid in flash. Those work nicely. But how to create a complete flash animation with fading grid effect, means how can i make a fading grid effect where images loop one after another.
The tutorial I am working on is at: [URL]. I have no problem with the fade grid effect itself but... I'm trying to make one of the squares (which is a guy in the middle of a scenic landscape) visible first giving the effect that you can only see him first, then the grid squares fade in to reveal the landscape that he is standing in.
So I tried just cropping the square out in photoshop, then just placing it in the exact same spot above the original image, but everytime the movie gets to the portion in the timeline with the actionscript, the little square with the man in it disappears. I want the square with the man in it, to remain on the stage from beginning to end, as top layer.
I am trying to make a grid of photo thumbnails where the thumbnail grows when you mouse over it. Sort of like the Mac Dock effect but in a grid. [URL]I don't need to load the photos as the above sample does. And I'd be happy with an effect in which the individual thumnbail grows on mouseover, or one more like the Dock effect in which the nearby thumbnails grow too, but less.
I want to create a graphic effect of a 90 x 90 grid of 5 pixel diameter circles. Is there a way I can create this with just one object duplicated through code? Currently the file is slow due to the number of shapes.
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 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:
how to perform hitTest between mc within an mc??i tried it in the same timeline and it works, but those two movieclips (BLUE COLOR) is inside different MC'sis there a way to perform a hitTest between them??
I have a function that load an image from web, and change the image size inside an iterative loop. There is a loder and a listener on the loader for the loading to be complete :
for (var i:uint=0; i<=10; i++) { my_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onCompleteHandler); function onCompleteHandler(evt:Event) { .// change the size of the image//} // other instructions...
} I want the program execute " other instructions" but only after the image is fully loaded and The size changed
for example, I try to search " keyIn:String = "BR1014"; " means I wanna search BR1014 in 4 XML files, so I load the XML info into an array, and using for loop to loop the XML array (in this case TitleArray1[i], TitleArray2[i]...)
and compare it with keyIn (which store the value BR1014), some how the value is located in TitleArray4[i] which have the length of 12 (trace(TitleArray4[i].length) = 12)
so everytime I run it, I will overwrite abc 12 times... and out put 12 time the abc value, in this case BR1014 was located in TitleArray4[3], so the 4th output of "abc" is BR1014 but others is all 999.
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 am using AS2 in flash CS3. I am trying to set up a communication between a flash client and a C# server. I would like to know if Flash allows me to perform XML serialization in the way that C# does. This is because I would like to use the XMLserialization class in C# for passing of data. If this is not possible, what other methods are available for communication?
When I'm making projects with Flex (or Flash Builer) the end result usually performs much better than a similar level project made with the Flash authoring tool. I know Flash IDE is rather for animations and design heavy works so you can't really compare these 2 tools, but this question is bugging me for a long time.If apps made with Flex (or Flash Builder) are really faster and less CPU intensive - why is that?
