Actionscript 3 :: Constrain Movement Of HSlider Thumb By Accelerometer?
Nov 17, 2011
I'm moving an HSlider thumb via the accelerometer. The following code works fine. The problem, though, is that as I keep tilting the device, xSpeed continues to increment. This means that when I now tilt it the other way, the thumb doesn't move for a while -- since, depending on how long I was holding tilted in that intial direction, xSpeed has been going up and up.So this works, but with the abovementioned flaw:
private function readAcc(e:AccelerometerEvent):void
{
xSpeed -= e.accelerationX * 4;[code].......
But what I want to do is to stop incrementing xSpeed once the hSlider.value == either the minimum or the maximum. Sounds simple, but when I put in if statements, they prevent the thumb from moving at all:
I'd like to create an HSlider so that the skin of the track is different on either side of the thumb. So, for example, the track on the left side of the thumb is green, but red on the other.Is this possible or will it take a custom component?
I'm using Flash HSlider component. I used a slider with several thumbs. I'd like to prevent the user from draging just the middle thumb, but can drag other thumbs. I don't know how to do it.
I was hoping someone might have found a tutorial or done one on how to make a 3d field of infinite stars that can be navigated with mouse movement or the accelerometer..
I'm trying to create an interactive piece, where the veiwer can move sliders to effect to movement of other pieces. I understand how to contrain the movement of the sliders, and I've done so, but I'm having trouble figuring out how to constrain the movements of the mc's effected by the sliders. How do I do this without using the drag function?
I have a small movieclip where an external image gets loaded into a custom shape mask. The user can then drag the image around. This is all working fine.
I am now trying to constrain the movement allowed so that the image cannot ever leave the masked area.
On my startDrag() function i have tried to include the following properties but i cannot get this to work:
So I have a Sprite and if using startDrag(), how do I constrain the movement to x-axis only? that is, move it horizontally? The free x,y movement code sample is here, directly from Adobe's livedocs: [URL]
Using a bunch of the tutorials on this great site, I've been teaching myself AS, and inparticular the XML parse, etc. with the loop commands to load an ideterminate number of images, etc. attributed in an XML file.I've got the attached code to work before - and it works well here too, loading all the thumbnails in their correct location, and as per the XML file. BUT now it's part of this page, the 'current_thumb' seems stuck on the last thumbnail, and a rollOver of any thumbnail will cause only the last one to action. In addition, when I put the trace command in on the onRollOut function (trace(current_thumb_mc) I get "_level0.menu_mc.item3_mc" no matter which of the four tumbnails I rollOver.
//Initial P Value p = 0; //Project Information //Assigning Information[code]..........
i am building iphone small games, so far using arrows to move right / left, i tried to find code to move object by accelerometer, if the iphone tilts right it goes right..
I'm using flash builder burrito and wrote this quick class to test the Accelerometer on my phone. It looks very choppy. How I can improve the motion so the sprite is smooth and not so choppy.
I added the accelerometer fucntion to my app for android using AS3. It works great. The only issue I am having is the starting orientation of my mobile device. It seems like it has to lay flat in order to center movement. I want it so that I can hold the device in my hand and tilt up and down in landscape mode. Like a 45 degree angle maybe.
The Accelerometer UPDATE event never fires, tho isSupported returns true, when the flash app is running inside the android web browser. How can I make it work?
I have this Accelerometer event, taken from the code snippets, and it works fine, but i would like to know is it possible to turn this off by a button.
I'm working on an application in Flash CS5.5. I've been working with the code snippets, and the template that deals with keeping an accelerometer-controlled movieclip on stage. That works great. However, I'm trying to find a solution having a larger than the stage sized background be controlled by the accelerometer, but stop moving once it reaches the edges of the movieclip. So, it would move all the way to the right until the edge of the movieclip, then stop. Below is the code sample that I've been trying to manipulate (from the included template that keeps the ball movieclip from going off-stage).
import flash.events.Event; var accelX:Number; var accelY:Number; var fl_Accelerometer:Accelerometer = new Accelerometer(); fl_Accelerometer.addEventListener(AccelerometerEvent.UPDATE, fl_AccelerometerUpdateHandler); function fl_AccelerometerUpdateHandler(event:AccelerometerEvent):void { [Code] .....
I need an application to test the accelerometer values on my mobile phone. I need the values on my system so that I can manipulate that info for something else.
If I write an Android application, the values will be inside the Mobile phone, which is not what I want.
I have written an app in Flash, n tested in Adobe Device Central. Only catch is that instead of simulator, I need to test it on my mobile. How do i do this?
I'm using a hslider to select a range of values. However, I only have 5 values.The problem I'm having is that the dragging of a thumb does not look too good and the values of the thumbs are displayed in labels, beside the slider...I was then thinking about how to improve the look of the dragging and the slider.I came up with this: having an image that would behave like a slider. For example, something like this: a background image (sorry for the "drawing")
| 1 | 2 | 3 | 4 | 5 |
With 2 thumbs (min and max values) that would stay in the middle of each box.
i am required to zoom a canvas through Hslider. The problem is after zooming the canvas i cannot scroll to the extreme left and top of the canvas i.e some part of left and top canvas are not visible. i cannot find the reason. The source code for the example is given below.
I am going to use a HSlider to set a range of values. I would like the left thumb to look like ( and the right thumb to lok like ) so they appear to encompass the range like (range) instead of |range|. I only know how to set the skin for SliderThumb which will set the skin for both. Does anyone know of a way to set a different skin for each thumb?
I am trying to create a simple Music player has play/pause button and an HSlider that shows the position of the song as it is playing using a custom SliderThumbClass. I would like allow the user to drag/drop the sliderthumb or click on the sliderbar to change the position of the song currently playing.
With the code I have below, if I use the sliderThumb to change the position of the currently playing song, it works great. But I if I click directly on the slidertrack to jump ahead/back, the current position doesnt move and there is some flashing of the current position, but it jumps back to where it was and continues playing the song. This does work if I am in the paused state.
As expected, thumbDrag/Press/Release events are not triggered when the user clicks on the sliderTrack - What events should I be subscribing for to handle this case?
I have created a 3 skins with degrafa. One for the track, one for thumb and one for the datatip. I had no problem attaching the skins for the track and thumb of the hslider component. But how can i skin the datatip?
I have a simple application that consists of a HSlider and a list that contains a item renderer with a border container managed by a tile layout. For some reason when moving the slider to reduce the size of the item renderer it only reduce to a certain size and wont reduce any further. I use the same principle in flex 3 (with mx components it works fine).
Is there a way to detect the value change in HSlider (in Flex 4.0) without touching the slider.Basically, what I wanted is to detect if the slider value was changed programmatically.
I want to be able to populate the tool tip array for a HSlider via a web service.Below is my code and all I'm doing here is populating anotherArray in the init() function from the arrayValues array just to test that much.However when I launch the application anotherArray contains only "null" and not the rest of the data.
Does anyone know how can the horizontal control line be removed or made invisible. What am trying to say is, I just want to show the drag-thumb and not the horizontal line.Is there a way to do so, with out using skins?
i have one value in text box(eg:1200) once i drag the HSlider from left to right text box value to increase 1200+150 for each intrevel.if right to left has to decres 150 as same.
