ActionScript 3.0 :: Grid-based Keyboard Navigation
Jul 7, 2009
A 3*3 grid, consisting of 9 squares (0-0, 0-1, 0-2, 1-0, 1-1, 1-2, 2-0, 2-1, 2-2). I want to be able to navigate the grid using a keyboard by going up, down, left and right. If I hit the edge of the grid, I would like to "wrap" to the other side. This kind of menu is seen on games, mobile devices etc.
Does anyone have a good implementation of navigation algorithm (does not to be in AS3), rather something I can refer to?
View 3 Replies
Similar Posts:
Sep 27, 2011
I want to create an interface navigatable through keyboard. The interface is somewhat like nested DVD menus, and it is not known in advance how many buttons there will be or where they will be placed. So for example you would be on button 1, if you press right, the closest button to the right would be selected. how would I go about enabling this? The purpose is to enable keyboard navigation for complex management screens for a game I am doing;
I would like this to be as independant and reusable as possible, which means I would like it to work with any clickable object, not just buttons, and certainly not my own custom class of buttons. This also means the buttons might be placed through the flash IDE and so placing them on a grid is not an option (I'd like this to be easy to use for non-techies).
My thinking goes like this: add all buttons to a manager, then select the first one, then on keypress, triangulate and select the closest in an angle of (+45degrees,-45degrees) of direction pressed. But it seems overkill to me, and I guess in some edge cases, some buttons will be forever unselectable.
View 2 Replies
Jun 2, 2011
how to change the focus of movieclips and buttons when I press the arrow keys of the keyboard. Its kind like the tab navigation but with de arrows keys, in the four direcctions. This flash app i'm developing has to be handled 100% with the keyboard.
View 2 Replies
Jun 2, 2011
how to change the focus of movieclips and buttons when I press the arrow keys of the keyboard. Its kind like the tab navigation but with de arrows keys, in the four direcctions. This flash app i'm developing has to be handled 100% with the keyboard.
View 2 Replies
May 11, 2009
Is there a code for the tab key like works for the return key. I am using AIR to write to an excel file and need the values to go horizontally in different cells, and all i can do right now is use to get them to enter vertically. In all my searching I can only find articles about keyboard navigation regarding the tab key.
View 2 Replies
Jun 2, 2011
change the focus of movieclips and buttons when I press the arrow keys of the keyboard. Its kind like the tab navigation but with de arrows keys, in the four direcctions.
View 1 Replies
Sep 20, 2010
Below is the working code I have for navigating a presentation composed of multiple scenes.It works by starting a listener that waits for key presses and then jumps to the scene where the letter that was pressed is present in the first frame of the scene.Example: Press the letter C and the presentation jumps to the scene where there is a frame marker with the uppercase letter C present.
ActionScript Code:
// Begin Keyboard Navigation
// This script goes to the frame/scene-frame labeled in a single uppercase letter.
[code]......
View 9 Replies
Aug 21, 2009
I want to implement an Excel like keyboard (arrow) navigation in an Advanced Datagrid in Flex.The docu at [URL]states that arrow keys can be used to navigate around cells. However, in my case that does not work. I can only navigate rows up and down
When focus is on the AdvancedDataGrid control:
* Use the Left, Right, Up, and Down Arrow keys to move between cells.
* Use the Shift+Home and Shift+End keys to move to the first and last column in current row.
* Cells are only selected by default, they are not editable.
* Press the F2 key to make a cell editable.
View 2 Replies
Jun 1, 2010
I am developing a website completely on Flash, it has an option for Fullscreen as well as keyboard navigation to switch between slides. On windows, when i do fullscreen, everything works fine. On Mac machines, after full-screen the keyboard navigation script stops working. This is the script I am using for keyboard action. Is there any particular script for Macs too ?
on (keyPress "<Right>") {_parent.gotoAndStop(2);}
View 1 Replies
Jul 15, 2010
I recently stumbled upon a site called The Influence Project' which allows the user to control a infinite wall of photographs in space with the keyboard.tell me if there are any actionscript 3 libraries to build this kind of interface?
View 1 Replies
Mar 15, 2012
I am new to actionscript. I was trying to make a slide show frame by frame. I have my main timeline with the following code in first frame.
stage.addEventListener(KeyboardEvent.KEY_DOWN, fl_changeSlide);
function fl_changeSlide(evt:KeyboardEvent):void{
if (evt.keyCode = 37) // LEFT{
gotoAndStop(this.currentFrame-1);
}else if (evt.keyCode == 39 || evt.keyCode == 32){
gotoAndStop(this.currentFrame+1);
}}
In the third frame I am trying to load an external swf by clicking a button 'rrbutton' and unload the same when the user clicks left arrow.
var loadit = new Loader();
function ack(evt.keyboardEvent):void {
if(evt.keyCode == 37){
loadit.unloadAndStop();
stage.addEventListener(KeyboardEvent.KEY_DOWN, fl_changeSlide);
[Code] .....
The external swf loads on clicking the button and unloads when left arrow is pressed and the main time line frame appears. But thereafter the keyboard navigation in the main timeline(through function fl_changeSlide) is not working properly.
View 1 Replies
Sep 22, 2008
I just make a grid based on array... my problem is how to highlight boxes that contain only character I mean if the box contain character it will gotoAndPlay(2)...eg:[code]
View 1 Replies
May 11, 2010
I have a store style website that uses a grid format gallery to display a grid of thumbnail products which can then be clicked.url...I have created xml captions that sit ontop of each thumbnail in the grid. They display fine when static but I wanted them to only display when you mouse over the corresponding thumbnail.I have code that tweens all of the captions (thumb_caption) to 0% alpha and the tweens to 100% alpha upon MouseOver and then back to 0% alpha on MouseOut.At the moment there is one problem - When you hover over ANY thumbnail the caption for the LAST thumbnail fades in not the corresponding one for THAT thumbnail.Example - if I have 10 thumbnails and I hover over thumbnail 1 the caption for thumbnail 10 appears ontop of thumbnail 10. (not caption 1 over thumbnail 1 like it should!)[code]
View 1 Replies
Aug 21, 2009
I have a flex data grid. It contains two column Maths Mark and English Mark. If Math Mark >English Mark for any row then it will set that particular row color as Green.
View 1 Replies
Oct 6, 2010
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.
View 0 Replies
Aug 9, 2010
I am trying to build a experimental interface (menu, text etc) which is based on a fine grid of points, on which i try to render custom fonts and shapes, by connecting the dots. I would store coordinates for characters (O consists of 4 lines for instance) and render them in an animation line by line, character by character.(this non interactive version is my first step)My question is, what would be the best way to store such a font collection, and execute the above. Any Thoughts? all ideas are welcome
View 1 Replies
Dec 11, 2009
I'm a web designer. In a effort to make Flash-based sites for my clients I have gone over stacks of AS books now for months. I just don't get any of it--and I've tried. Moreover, the books all give abstract examples to do just about anything with AE. My needs are very limited: I need to use AS for web navigation in order to create Flash-based websites. Here's an example of what I'd like my websites to do: [URL]
Can anybody point me to Flash templates, demos, tutorials, AS libraries, websites, videos, classes, that focus on Flash navigation, with specific examples of real life websites? Or blocks of code where all I have to do is replace some lines with my own stuff? Or an AS library comparable to jQuery? I know this has to be doable. I don't know any JavaScript either, but I'm perfectly able to fulfill all my web design needs with jQuery.
View 2 Replies
Apr 22, 2009
In a nutshell, the swf contains four ads (which link to portions of the site) and each ad uses the Timer element, displaying it for 5 seconds before moving on to the next one. Everything has come together nicely (although I'd like to clean up the code and use classes at a later date - I'm currently taking AS training from Lynda.com).
What's giving me trouble right now is the navigation bar. What I want to do is create four numerical buttons that a) change color during a mouse roll over b) change color for a corresponding ad (for example, when the third ad displays, the number "3" changes from white to gray to show that it is active and goes back to white when the fourth ad comes up).
Right now, I'm at a loss as to what to do. I've tried making the numbers buttons, but I can't control color changes unless I create two sets of buttons: one with white numbers, one with gray numbers.This also makes for some really bizarre Actionscript coding ideas (ex: after I code the function for the gray nav buttons, I have to code functions that make the white buttons work - but this ends up screwing with the ad cycles). I tried making them as movie clips, but I lose the ability to assign a large hit area like I can with buttons.
View 5 Replies
Jun 17, 2001
I think I saw some kind of grid somewhere once. The squares were all the same size, but when you moved the mouse over the squares, the one underneath the cursor expanded and the other squares got smaller.
View 12 Replies
Sep 8, 2009
I'm trying to setup a DataGrid that contains a column of combo boxes. The values of the combo boxes are defined by data specific to that row. I cannot get this to work though, I'm asking for a solution to this, either fixing what I have below or a recommendation on a different way.One of the columns of my DataGrid has an object derived from a ComboBox for an ItemEditor. The itemEditor is set like this:
<mx:DataGridColumn editorDataField="selectedItem" dataField="type" editable="true" >
<mx:itemEditor>
<mx:Component>
[code].....
View 1 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
Oct 9, 2009
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.
View 6 Replies
Jul 5, 2011
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.
View 5 Replies
Mar 31, 2010
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.
<mx:DataGridColumn width="60" headerText="Type" dataField="Grade" headerStyleName="headerLeft" textAlign="left" draggable="false" resizable="false" headerRenderer="GridHeaderRenderer" paddingRight="5"/>
View 1 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
Sep 24, 2009
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.
View 1 Replies
Jun 24, 2008
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:
myGrid = [[1,1,1,1,1,1,1,1],
[1,0,0,0,0,0,0,1],
[1,0,0,0,0,0,0,1],[code]....
View 1 Replies
Nov 7, 2009
I have 2 scenes. In both scenes, I have a movie clip that moves via keyboard control. If the goto next scene is triggered by the movie clip in the first scene the keyboard control works in the second. However, if I use a button to move to the next scene then there isn't any control over the movieclip in that scene. I've traced the keyCode in the second scene and it is picked up but the switch statement doesn't run. I'm migrating to Actionscript 3.0 and updating something I created in 2.0. I would like to do it without writing a class.
[Code]...
View 5 Replies
Apr 29, 2010
When using a notebook and I have remarked that I cannot enter numerical character with shift + a letter to enter number.Is this a bug in flash ? How to circumvent this ?
View 2 Replies
Jul 26, 2011
How do? Edit the field with numeric keypad, not a full keyboard my code: <s:TextInput text="{TransactionObject.cartao}" id="item" restrict="0123456789" /> app for Android and playbook
View 2 Replies