ActionScript 2.0 :: Flash 8 Grid Layout Thumbnail Positioning/movement?
Jan 2, 2006
I am working on my very first flash application and have found these forums very helpful so I have decided to post here since I'm stuck. I have taken the thumbnail gallery ikim posted on this thread and im trying to tweak it to my needs. When the thumbnails are loaded i would like to implement an onrelease function to tween the image to the middle of the screen, then slide to the right and increase the size. I have written the actionscript that will move the image. However, my problem is, i need to have the thumbnail slide from its original position to the middle of the screen. I thought i could do this by passing the parameters of _x, _y in the function and setting the motion accordingly. Being a newbie to AS, I am having trouble with getting ikim's gallery to accomodate this functionality. I tried using getproperty to get the _x, _y coordinates but this only returns the coordinates for the beginning position of the image and i need the ending position coordinates. I assumed I need to call getproperty at a later time, but I am not sure how to reference the thumbnails since it appears to me that they are being dynamically named and created the same.
View 1 Replies
Similar Posts:
Oct 22, 2005
I was looking for a way to make different grid layouts for xml loaded jpg thumbs, so I read and applied a lot of the tutorials and posts about galleries, xml, thumbs and grids around here. Some of the script I used comes from Kirupa's adding thumbs tutorial. I also applied the concept in Creating Grids with Flash/AS. The result is attached here. A lot of the parameters, like row and column numbers and scaling of the thumbs,spacing, alpha, rotation, etc, can be changed easily in the script. Also, the idea is that you could write different prototype functions to get different grid layouts effects.
View 14 Replies
Mar 19, 2007
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.
View 14 Replies
Aug 12, 2010
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:
[Code]...
View 3 Replies
Apr 13, 2009
I want to make an area where I can make a grid of varying colors, starting with a small 3x3 grid. The final goal is to reduce the size of each element and increase the number of squares to get a higher resolution. The shades of color are stored in an array and I can get the drawing going, but the shapes don't get deleted when repeating the function call and they go on top of everything else I've put on the stage.
Here is part of the code I'm using:
Code: Select allfunction grids():void {
for(var i:Number = 0; i<3; i++) {
for(var j:Number = 1; j<3; j++) {
var child:Shape = new Shape();
[Code]....
where w is the width, h is the height, and myArray has the shading I need.
How can I get rid of the rectangles afterwards and start clean? Better yet, is there a more efficient way to make and color a grid on the stage?
View 1 Replies
May 7, 2009
I'm trying to create a scrolling thumbnail panel using an xml file. It works fine when i run it initially. But when I resize the stage the scroll feature gets all screwed up. I've attached my code below.
Code: Select allimport gs.TweenLite;
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT
[code]....
View 2 Replies
Feb 17, 2005
Scene: 450 px width. and the boxes (instance name:dot) are 50 px each.
The AS on the timeline:
// IMAGE
PHP Code:
gridx = 60; gridy = 60;
num = 0; mcArray = [];
dot._visible = 0;
for (var i = 0; i<21; i++) {
for (var j = 0; j<1; j++) {
var mc = dot.duplicateMovieClip("dot"+num, num);
[Code] .....
And when It start to slide after a little time the images start to stack on top of each other. How can I solve this ?
View 3 Replies
Aug 3, 2009
I have a randomly-sized array of items. I'd like to display one label for each item in a Repeater component. I want them to display in a grid layout with 5 columns and as many rows as needed. How do I do that in Flex / ActionScript?
View 2 Replies
Mar 15, 2011
I'm working on a MP3 player that displays the tracks in a grid layout. I've got it working but when it attaches the track it counts each track as a row. How would I identify each row has 4 tracks?
var cols = 3;
var rows = 2;
var vspace = 4;
var hspace = 4;
var xpos = 4;
var ypos = 4;
var wclip = menu_mc.bttn_mc.bttn._width; //165
[Code] .....
View 1 Replies
Jan 24, 2007
Here's a chunk of my code:
Code:
//This function uses loops to generate the grid from the array below.
function drawIt(theMap)
{
[Code]....
Basically, it generates a grid from two movie clips which are just different coloured squares. It reads in generateMap function to decide whether it will be a red square or a white square. 0 = white 1 = red. (the reds are going to prevent a sprite from travelling on them)
Anyway, at the moment the starting point for generating this grid is at 0,0 of the movie clip. I want it to generate at say 150,0 so i can add a console on the left which can control a sprite around this grid.
View 2 Replies
Feb 4, 2010
i have a grid of thumbnails (i loop through an xml file to create and display) this is working perfectly.I can trace out click commands on the MCs and load in an image just as you'd want to.I load the image into a thumbMC i created with some additional symbols in...Then i started thinking, it would be nice to have some kind of preloader for each image/thumbnail.I've implemented a MovieClipLoader and this is quite happily loading in the images and reporting when the load is complete, however i am completely unable to target my preloader symbols within this function, so am unable to either control the width of a loadbar, and also show/hide a loadLoop while the image loads.
View 0 Replies
Nov 25, 2008
I am trying to draw a set number of squares in a grid type layout and have pretty much gotten it to do what I want. The
problems is that I want to be able to manipulate each square individually later on and I'm pretty sure I need to assign each one a unique instance name.something like "square_0_0" all the way down to "square_10_10" (it's a 10x10 table of squares).how do assign a unique instance name to each square as it's added to the stage? I attached the code I currently have running.
View 3 Replies
Mar 3, 2011
I'm trying to figure an elegant way to display a certain number of items in a grid. I have a feeling the answer lies partly with modulus, but it's a little more complicated than that. I know how to lay out items in a grid based on a set number of columns. Something like this:[code]but what I want to do is set things up such that if there is only one item (j=0), the image covers the entire available area (stage.Width and stage.Height or, for simplicity, 1000px, and 500px). If there are 2 items, there should be 2 columns, with the images taking up half the width of the stage and all of the height (500x500), 3 items - 3 columns (300x500), 4 items - 2 columns & 2 rows (500x250), and so on, keeping a balanced grid layout but decreasing the dimensions of the items and increasing the number of rows in some sort of logical and balanced manner.
View 1 Replies
Sep 9, 2006
I followed the tutorial on how to incorporate thumbnails into a flash/XML gallery. [URL]
How would I do the same thing but using a grid of thumbnails instead of the scroller? Can this grid be made to appear dynamically?
View 4 Replies
Jan 3, 2008
I'm trying to add a new row to dynamically created thumbnail grid. So far I've copied and edited a BrainGiants PhotoDrop menu script and managed to add an new row there with a nested for loop, but the thumbnails on the new row won't show right. There's just one thumb showing, I guess the rest of the thumbs are beneath the one showing..I'm messing up the for loop somehow, but can't get a hold of it.. I know all the thumbs load fine cus I've tried to load them to just one row and all of them showed up properly.
[Code]....
View 1 Replies
Jul 9, 2008
I have a gallery that has two columns of thumbnails but it wont scroll. what can I do?
Code:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
[Code] .....
View 2 Replies
Jun 17, 2010
I have a question regarding the following tutorial and an older (inactive?) forum thread based around it:
Adding Thumbnails Tutorial XML and Flash Photo gallery with thumbnails in a grid (2006 - 2009)
I have multiple pages, several with thumbnail galleries, and several without. On the pages with the galleries, everything appears to render correctly. However, when I go from a gallery page to a page without a gallery, the thumbnails don't disappear. Instead, they remain on top of that page's content.
How do I get rid of the thumbnail gallery on non-gallery pages?
Code for the galleries:
Code:
cliparray = [];
columns = 3;
spacex = 100;
[Code]....
View 1 Replies
Nov 16, 2008
I've created a drawing application intended as an interactive art piece for a gallery. I'd like to have what each visitor draws in one scene to somehow be carried over into the next scene and be displayed on clicking a button. Ideally, the user-drawn images will scale and position themselves accordingly to maximize the screen space. This way, if only three people have visited and drawn something, their three images would enlarge to fill the screen. If 12 people draw something, those 12 images would shrink to fill the space.
I'm thinking I might need to look at creating adaptable/expandable grids, but I'm also just stumped on how to carry user-drawn images over to other scenes. I have very little AS background and need things spelled out for me explicitly...
I'm working in CS3, but writing in AS2. On the stage, I have a palette of colours the user can choose from, a movieclip called "canvas," and another called "controller." Here's my code:
Attached to a movieclip called "Controller" is:
onClipEvent (load) {
topDog = "window1";
_root.createEmptyMovieClip("holder",100);
[Code]....
View 2 Replies
Jun 27, 2010
how to create a xml photo gallery but somehow all of them doesn�t discuss what i need to know. [code].....Especially i am interested in howto structure the xml for such an portfolio / gallery grid and having custom tweening for the thumbs to transition in and transition out, handling the click event for x thumb and loading the "big" content to a new container. Adding preview/next button functionallity to the Thumbnail Grid and for each "big" content and so on.
View 1 Replies
Oct 2, 2006
I am trying to get my thumnails to load in rows, 22 across, and up to 3 rows down. However, I can't seem to get my math right. I can get them to load up and down 3 rows, but not across first. Can anyone explain the math required to accomplish this?
View 4 Replies
May 30, 2011
I'm trying to achieve a thumbnail gallery which basically reduces it number of columns (and increases number of rows) when the stage is being resized down.The columns number as default 5, but after resizing down the stage this number is calculated like this:[code]My question is how can I reorder the the columns and rows from the onStageResize function.[code]
View 4 Replies
Jan 3, 2007
I'm trying to move a series of dots (mc used as linkage: "Dot") within a frame to random targets, with the movement activated by onRollOver. This part I have working fine. The part I'm having difficulty with is getting the objects to have target coordinates to move randomly, except rounded to the nearest 12 pixels. Here's the relevant code:
Code:
minx = 120;
maxx = 450;
miny = 20;
[code]....
View 14 Replies
Mar 4, 2011
I am currently creating a game similar to cafe world, farmville etc (social game). Would like to know how could I make an object move in an isometric direction when my mouse move. For example, when I want to build a house, I click on the house build button, and when my mouse move, I want my house object (stored in the library) to be move together with my mouse in an isometric direction. To give you all a better impression of the solution i am looking for, click on this link for a sketch: [URL]. So I want something like only when my mouse move 20 units more than the original mouse position, then my house item should move to the next grid.
View 1 Replies
Dec 8, 2010
i having troublesome with the flash map.Actually i am doing the project which is multi-agent system (agents behave like human react in the map and have behavior just like human). i am one of the members of this project, i responsible for the mini map and i am using flash to do map. I have seen the examples of Pacman flash game and racing flash game(they used action script 2.0). i got the ideas after watched their coding.can i set the movement using matrices??
View 0 Replies
Mar 23, 2012
I am currently working on a very simple isometric3d game with a hero to move to mouse click position, using path-finding. I am trying to code everything myself step by step,as a beginner , i am well aware of asolib3d but I don't want to use it...I have read tutorials and few books I completely done with my isometric3d map. i create my path finding A-star class which is working perfectly with 2d grid tiles, but when i try to use it with isometric3d grid world it doesn't work properly.
ActionScript Code:
package {
import com.sayConcept.isometric.IsoUtils;
import com.sayConcept.isometric.GraphicTile;
[code]....
my character movement is not correct. If hero position=0,0 and I click 0,10 on my iso grid instead of moving down he will move on the right side. If I am in the middle and I click on the left he will move right. and like few steps for where it supposes to stop... my pathfinding is ok in 2d but isometric the movement is weird...
View 0 Replies
Apr 22, 2009
Anyway to align my grid to this way? I've also attached my fla files in cs3 format..
View 2 Replies
Feb 3, 2012
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.
View 2 Replies
Jul 9, 2009
how 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 Replies
Nov 28, 2007
I have made a image-viewer. I've this AS for the viewer:
Code:
import mx.transitions.Tween;
import mx.transitions.easing.*;
function loadXML(loaded) {[code].....
Now i would like to make a loop for the thumbnails so they don't have a beginning or end(Now when i scroll to the right the thumbnails stop at the last thumbnail, i want it to begin at the first thumb again).I'm also trying to make that the middle thumbnail represents the photo in target_mc.
View 1 Replies
Jul 10, 2007
I am making a gallery, which you can view here:[URL]ok, firstly, when you click a thumbnail, you cannot scroll them until you roll off the click thumbnail, and I'm not sure why. is it just a movieclip thing? or can I put some code in to re-get focus of something? ok, now for the two general questions:
1. When you roll over the thumbs, they go up, sometimes they flick back down though, even though you are rolled over them still. is this just because they are moving?
2. Does anyone know why when I add this:
[Code]...
View 1 Replies
