ActionScript 3.0 :: Math For Smooth Scrolling
Jun 12, 2009
Envrironment: Flash CS3, AS3 I have a horizontal image scrolling project that I am working on, and it works but is not super smooth, I would like it to be smoother when it scrolls, and realize that this is a function of pixels scrolled over time and the FPS of the document.
Right now I am moving the items 1 pixel at a time on a timer with delay of 8 to get it to scroll at the speed I want. I am moving it at 1 pixel in order to catch exactly when an object should wraparound to the beginning of the scroller to show up again. So I don't know that I can really change the number of pixels moved to more than 1 and still have the images spaced perfectly, which makes me think I need to increase or decrease the FPS and or the timer delay to make it scroll smoother. Right now it is at 30FPS and as mentioned the timer delay is 8. Small changes to the delay is not a problem.
This is one aspect of flash i don't fully understand. I would really like to know how to figure this out so I can apply it to future projects as well without doing trial and error to make it smooth. Can it be function, like a way to figure out I need to move a 120pixel picture 60 pixels in 2 seconds, what should my FPS be and the picture size and movement size and number of seconds can be variables?
View 7 Replies
Similar Posts:
Jun 18, 2011
Attached is a mockup of what I'm after. Notes:
1. Spline appears smooth
2. Spline does not necessarily go through the points
3. The start and end point of the spline is not important
I'm sure there are ways to calculate this, but without knowing the proper terminology searching isn't turning much up,
View 5 Replies
Feb 26, 2009
I have made a map which I have made scrollable across the stage using the keyboard arrow keys.
e.g:
PHP Code:
onClipEvent (enterFrame) {
if (Key.isDown(39)) {
_x=_x-4;
[Code]....
These on screen buttons allow the user to move the map every time they click however it would be more user friendly if these buttons continued to move the map on a hold down state until released or via rolling on/off.
View 1 Replies
Jul 31, 2010
I'm creating a website and I need to have a slideshow of scrolling pictures (not interactive to user) and I know how to do it with the old motion tweening but when I play the movie the scrolling pic is not smooth but choppy. I already played around with frames and frame rates; the image scrolls faster or slower but the choppines remains. Here is an example of what im looking to do: **Notice how the picture of the bed scrolls smoothly when the site loads. [URL]
I know that for this site they probably used the "ease" effect and that works when the image is gonna stay still at the end but for my movie the images are gonna be scrolling up,down,left,right in a loop. Can you guys tell me how can I do this without the movie being choppy? perhaps there's a way to do it with code.
View 1 Replies
Nov 7, 2010
I'm making a side scrolling platformer and I wonder why image movement is so choppy, especially if velocities arent whole numbers? Images I'm using are: one 320*350, one 500*500 and few of 50*50 all in PNG format with alpha support and cached as bitmap. Framerate is 30FPS.
View 1 Replies
Aug 24, 2009
below is a link to a super simple movie that I have of text scrolling/moving horizontally across the screen.The only issue I have is at the quality of the scroll/movement. it is inconsistently jerky, sometimes when it first starts getting on the screen and leaving the screen sometime all the time and sometimes when it leaves the screen.I have had this issue with other movies and scrolling things across the screen horizontally I had to increase the frame rate to 30 fps and extend the time line but it never really got to be a smooth scroll.
View 1 Replies
Jun 30, 2010
I'm really not great with the math. I'm pretty close with the formula but my movement is still wonky and doesn't stop where it should. (Top and bottom of the stage, rather than scrolling into infinity). For example, I need it to work like the menu at this link: [URL].
Code:
import com.greensock.*;
import com.greensock.easing.*;
stage.addEventListener(MouseEvent.MOUSE_MOVE, Move);
function Move(event:Event){
var distance:Number = mouseY - (stage.stageHeight)/2;
var percentage:Number = distance / stage.stageHeight;
var targetY:Number = -(content.height * percentage) + content.y;
TweenMax.to(content, 5 , { y: Math.round(targetY), ease:Expo.easeOut } );
}
Test of my code is here: [URL]. My fla is also posted as an attachment.
View 1 Replies
Jun 6, 2009
Is there any way that i can smooth out images that zoom in/out with normal classic tween. they are so jittery it looks terrible. I even have a little bit of easing and frames per second set to 30.
View 5 Replies
Jan 26, 2010
I'm seeing everyone using the TileList in flex but can you create a smooth scrolling effect in AS3 swf?
Should I try to use Flex? (I'm developing for a deskstop app)
P.S. I have no IDEA what Flex is or how to use it...
View 5 Replies
Aug 24, 2010
I am trying to adjust the speed of the scroll box. It is a little too quick. I am not sure where to start.....I tried adjusting the button (_root.TextBox.scroll -= 1;) but it won't accept any smaller numbers. Can someone point me in the right direction?
View 1 Replies
Oct 6, 2011
I started known about FLASG a few day ago. I am very, very interesting about its.
My boss want i make a text display in bottom screen and scrolling from right to left (same as display on TV). But, i used to keyframe to solved this solution but they are slowly and not smooth. Now i want text display running smoother. I not good at Flash .I am programmer , C# is my programming language.
View 3 Replies
Jun 1, 2010
I'm just fine tuning my flash site and am trying to get my custom scroller to scroll my text smoothly.
Basically I am using scrollertext.scrollV [URL] to scroll my text inside a function but scrollV is an int and flash performs vertical scrolling per lines. My text is quite large in some areas and the scroller is very 'non smooth'. How else can I achieve a smooth scrolling effect (would be nice to scroll in pixel values not line values) ?
View 1 Replies
Jul 25, 2009
[URL]
Here is an example online, I am trying something similar but am not happy with what I am seeing, perhaps it is just on my side. The scrolling seems choppy/jagged. I have this same issue doing a similar scroll with lots of big images. Is there any way to get a nice smooth scroll at a decent speed with flash?
Ive ported my as2 code into as3 but am seeing the same results. I have used tweener and tweenlite, nothing Ive tried is helping. how to achieve a smooth scroll?
View 1 Replies
Aug 22, 2009
Here's the scenario... I have an .swf that is 1050px in height. On most browser's that is too tall. What I'd like to do, is use the browser's scroll bars to auto scroll to the bottom of the page during the loading sequence, and then scroll back up to the top. To do this, I'll need to make a javascript function call using ExternalInterface.call();
I found a suitable smooth scrolling javascript example on the internet. [URL] By clicking <a href> links, it scrolls to HTML anchors on the page. I figured that instead of clicking on the textual links like in that example, I could simulate the event by calling the event from flash. I'm just not sure how to do it exactly.
[Code]...
View 1 Replies
Apr 8, 2010
How can I make a smooth flash scrolling effect same like http:[url]..........
View 2 Replies
Jan 27, 2010
I have some code which moves back and forth through my menu so that it scrolls in relation to where the mouse is on teh screen. The problem is that I cant get it to scroll smoothly and is a little jerky... I want to ass maybe some smoothness or maybe a little lag to it so it just seems more smooth. I have pasted the main code I have so far below.. I am using AS3 at the moment.
[Code]...
View 1 Replies
Oct 2, 2011
I've made the kirupa simple scrollbar [URL] to scroll horizontal. This works just perfect but it is not smooth. My question to you is - how to make it smooth? I've got 4 MC's with the instance names content, mask, scroll_area and scroller.
My AS looks like this:
onClipEvent (load) {
_root.content_width = content._width;
_root.scroller_area_width = scroll_area._width;
scroller._width = _root.scroller_area_width/(content._width/scroll_area._width);
_root.scroller_width = scroller._width;
[Code] .....
View 1 Replies
Dec 25, 2003
I'd really like some feedback on how you create that smooth scrolling action on sites like electrongeek.net.
View 1 Replies
Mar 17, 2009
I am making a webTV player, and I have a combobox displaying the entries. When scrolling the combobox, the scrolling jumps between the entries. I would like to have it scroll though the entries smoothly and not jump.
View 1 Replies
Mar 7, 2011
Here is the problem:
var p:int = 0;
var n:Number = 0;
n = 32.999999999999999;
p = Math.floor(n);
trace(p); // returns 33
n = 32.11111111111111;
p = Math.floor(n);
trace(p); // returns 32
I would expect both of these to return 32. I have searched, and it seems this is an unreported bug in AS3. Or ... am I doing something wrong?
View 4 Replies
Sep 26, 2005
Wat is the diffrence between these two?
View 2 Replies
Feb 16, 2009
I have a code in which I have to use Math.round if a certain value is for example 3.67 (67 is higher than 50) and Math.ceil if a value is for example 3.23 (23 is lower than 50). What can I do to make flash calculate if what after the dot �.� in 3.23 (for example) is higher than 50?
View 2 Replies
Feb 9, 2004
I have a movieclip that I want to be resized when a button is clicked. I want the animation to be smooth as if it had weight though. I read the tutorial on this but I need something slightly different, I would rather it where I can just refer to a function that is set in another movieclip. That way I could easily refer to it again and just set the height, width, and if possible, x, and y.
And my second question, is how to keep the border of my movieclip that is going to be resized the same thickness. I want the inside to be resized but the sides to stay the same width but move to stay on the edge.
View 8 Replies
Jan 16, 2004
So here is a piece of code that I have seen used a lot but don't really quite understand:
myVar = Math.min(Math.max(myVar, this.min), this.max);
or some variation thereof. I understand that the function first finds the maximum value of two values then turns around and uses that to find the minimum between two values.why this is done? And how do you know when to use it?
View 3 Replies
Jan 16, 2004
So here is a piece of code that I have seen used a lot but don't really quite understand:[code]or some variation thereof. I understand that the function first finds the maximum value of two values then turns around and uses that to find the minimum between two values.And how do you know when to use it?
View 3 Replies
Aug 27, 2010
I have a spark List with an item renderer and a tile layout. If I scroll by clicking with the mouse on the scroll bar and trying to scroll with the mouse wheel after that, there is a problem: The interval of the scrolling is oversized, instead of scrolling one item down (or up) the List scrolls 4 items down (or up).
[Code]...
View 1 Replies
Feb 10, 2011
are there any events that the scroller will dispatch when being scrolled?
View 1 Replies
Jan 11, 2010
Im making a scrollable mc. Easiest thing in the world.... but the damn scoller just will not stop when the movie clip it's scrolling ends. It stops....eventully... but not close enough. What actionscript do I need to use and where do I put it?
View 1 Replies
Nov 13, 2009
I have created a vertical menu that scrolls through menu items in a movie clip.There is a big white gap when the movie clip runs out, and it snaps back to the beginning.I would like it to scroll seamlessly, having the end join up with the beginning again without any space.I would like it to scroll to one end of the list and STOP, and scroll back the other way and STOP - without any white space.URL...
View 1 Replies
Mar 26, 2012
How do I do a easing effect on scrolling and mousewheel scrolling in a Textfield?
Something like this [URL]
View 1 Replies
