ActionScript 3.0 :: Scrollrect Vs. Mask: Smooth Movement?
Jan 27, 2009
There are two basic ways of panning a view in Flash. One is to move the display object (and use a mask if necessary). The other is to use scrollrect. Today I noticed a small, but annoying effect of scrollrect. Scrollrect's can't have true Numeric positions-- they are automatically snapped to the nearest pixel.
When moving at very slow speeds, the effect is noticeable. In this example you can switch between two modes of panning, sprite movement with mask and scrollrect:
In scrollrect mode, the circles seem to stutter because the scrollrect is snapping to the nearest pixel.found a way to make a scrollrect move smoothly at slow speeds?
I've been searching it everywhere, but couldn't find anything in the net. I want to make smooth line movement. I've tried to create motion, but line just moves, and I want it to move smoothly according to the path. What I want to achieve can be seen [URL].. that's what I did so far - made movement out of several broken lines
I've been searching it everywhere, but couldn't find anything in the net. I want to make smooth line movement. I've tried to create motion, but line just moves, and I want it to move smoothly according to the path. What I want to achieve can be seen here:
[URL]
But that's what I did so far - made movement out of several broken lines - how can I make more smooth movement?
I am trying to move an object on keypress. so i am doing
if(keyboardevent.keycode == keycode) { code to move; }
this works perfectly fine, but when i keep the key pressed for a couple of seconds, the motion is not smooth. for the first second the object gets stuck there, and then moves smoothly. same thing happens when i change the key. basically, it is taking time to read the first key event.
why is it so? i dont want this 1 second delay. i want the object motion to be fluent, as i am making a time critical game.
Let me explain - on my upcoming website (in a year, maybe?) i'll have some sort of cartoon character walking above my contents - and I want his charcter to be smooth and actionscripted. However his movements should be done as a curved motion path would, but random.Now random movement will either: a) get you to one point and then to the other, but making a sharp turn or b) have no coordination in movement (good for making a bee fly but not for anything else).here's what im trying to do:
transform straight lines movement (random):
to something smoother
something inside me tells me it's got something to do with cos and sin functions but I've no idea how to make that work.And I don't want to do motion path because I need to do actions that rule that out.
I have the following script in both frame 1 and 2 to let a movieclip move from right to left on the stage: Code: speed =-5 name._x += speed if (name._x<-500) { name._x = 250; } And the clip is indeed moving from right to left on the stage and when it reaches _x -550 it is going back to it's starting position _x 250 only the movement isn't smooth at all. What should I do to make the movement more smooth or should I use a completely different script?
I want to make a smooth movement when i click on anywhere in my seek bar. So i come up with an tween which is below. I have a mask called tbMask which is stays beside timeBar.
ActionScript Code:
Code: new mx.transitions.Tween(timeBar, "_xscale", mx.transitions.easing.None.easeOut, 0 , tbMask._xmouse, 2, true);
So basically this would make timebar stretch to tBmask's _xmouse which has same x (170). But it dont! It exceeds about 50% where i clicked and go back to _xmouse.
Far from this problem, the anothers are; I call this swf from my main swf. Tween function works when i try to view my main.swf but it dont work when i call player.swf from browser.
I used to use AS 2.0 but I've finally made the switch to 3.0. I am majoring in CS so I am familiar with basic/intermediate concepts, but I am very unfamiliar with 3.0. I have a movieclip controlled by arrow keys, however the movement is still slightly choppy. Everything is uploaded below, the code I note here is the code for movement located within the .as file.
I have the following script in both frame 1 and 2 to let a movieclip move from right to left on the stage:
[Code]...
And the clip is indeed moving from right to left on the stage and when it reaches _x -550 it is going back to it's starting position _x 250 only the movement isn't smooth at all. What should I do to make the movement more smooth or should I use a completely different script?
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:
This will probably be simple for some of you. How do I make the "animation" stop? The text moves, based on the mouse movement, and I put a mask over the text to only show a certain area at any given time...
i have this code i found that smoothly moves a box left or right on the screen based on using the left or right arrow keys. i want to use this smooth code but adjust it so on enterframe, the box would move from point a (say 0,120) to point b (0,240) and stop there.no keys used, just working based on entering the frame.how to modify the code below?
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.
Is it possible to use scrollRect without the flash.geom.Rectangle class?I know the scrollRect can be used like this:import flash.geom.Rectangle; myMC.scrollRect = new Rectangle(10,10,100,100);I need to make a flash which doesn't extends outside the stage (bacause loading it from another flash will expose anything outside the stage area). Using a mask is an option, but scrollRect seems very interesting because it would be easier and give greater performance.But I can not import the flash.geom.Rectangle class (and it seems overkill to import a class just to set x,y,width and height)How can use scrollRect without the flash.geom.Rectangle class?
I'm trying to move a scrollRect up and down using the mousewheel. that part i've got fine but now i wanted to add easing and am not sure on the maths..
ActionScript Code: function handleMouseWheel(event:MouseEvent):void { var rect:Rectangle = this.scrollRect; var scrollSpeed:int = 10;
If we have a Bitamp with more than 16777216 pixels (or one side larger than 8191 px) Flash 10 doesn't show it (Flash 9 and earlier has smaller limits even).One solution to this is to use scrollRect to limit the size displayed.OK, that works.
But Flash 10 has another problem, if we use any 3D property (rotationX, z, etc), flash transforms your MC in bitmap, so we can reach the above limit even when we are not working with bitmaps...A bigger problem is that although our MC could be really small (at least less than 16777216 pixels), when we apply a 3D transform like rotationX, the displayed MC can grows enough to reach the limit. And... we can't use scrollRect with 3D MC. But we have a trick here too, there are two ways to use scrollRect with 3D:
1. Create a 2D parent, then create the 3D displayObject inside of that parent. 2. Set cacheAsBitmap to true for the 2D parent. 3. Create a grandparent container to hold the first two items. 4. Set cacheAsBitmap to true for the grandparent container. 5. Apply scrollRect to the grandparent container.
These methods are really differents, with the second I couldn't use scrollRect to avoid reaching the bitmap limit. I think that's because in the second we apply scrollRect to the parent and 3D to the child, so nothing breakes our child from growing.With the firs method we apply scrollRect to the child, and the 3D property to the parent.
Code: var p: Sprite = new Sprite(); var c: Sprite = new Sprite(); p.addChild(c);
I have a scrolling background that is 1320 x 1000 big. I'm using a sprite as a container where my background canvas is placed inside of it. Additionally I add (via addChild) a score sprite inside of the background sprite (the one that holds the bg canvas so the score appears on top of the bg canvas).The goal is that when I add a score it shall be stuck to the background (even when the scrollrect moves; it shall have a fixed position on the background).The problem is that this doesn't work because when the score appears it moves with the scrollrect and this is not what I want. I already tried it with globalToLocal but had no success yet. Probably because I don't really understand globalToLocal (and vice versa)These are some code excerpts:
Code: private var backgroundBitmapData:BitmapData = new BitmapData(1320, 1000, false, 0x000000); private var canvasBitmapData:BitmapData = new BitmapData(1320, 1000, false, 0x000000);
I have some actionscript, and it scrolls the scrollRect, but there is a catch. It doesn't completely scroll it. It lets me scroll down until it's halfway and stops. I can still scroll up to the top, but the problem is unerving. I can't find a fix for it.
in order to increase performance of a scrollRect i must cache the vector as a bitmap, otherwise the scrollRect will be simply a less performant mask (info source).however, i can't seem to move an object/scrollRect once i've applied cacheAsBitmap. why?
I am having a problem with ScrollRect. I am unable to upload a file( i don't know why..i am getting upload error msgs). So i have quoted the code.
ActionScript Code: import flash.geom.Rectangle; var container:MovieClip = container_mc;//container_mc is in timeline(its widht is 600 ) var window:Rectangle = new Rectangle(0, 0 , 400, 100); container.scrollRect = window; container.cacheAsBitmap = true;
[Code]...
Currently the leftmost part of movieclip is visible. I want to make right most part of movieclip to be visible at first. What should i do ?
I'm having a problem that involves scrollRect and getBounds. In short, getBounds is reporting an old value not accounting for scrollRect changes during that frame. Example:
ActionScript Code: var shape:Shape = new Shape(); shape.graphics.beginFill(0);
I'm having trouble using a scrollRect on an object instance on the timeline that has a motion tween. As soon as I apply the scrollRect to it, the object just stops! I've attached a simple fla that shows what I'm talking about.
Simply comment out this line in the first frame's actions to see the oval move across:
Code: oval1.scrollRect = window;
The actual application I'm making is using a scrollRect on a custom list control, where each item in the list is a symbol in the library. It works great, except if I try to move my list around using a motion tween (the list still works, but the list doesn't move in the motion tween). As soon as I remove the code to apply the scrollRect, it works but the list fills the screen!
I have a scrolling background that is 1320 x 1000 big. I'm using a sprite as a container where my background canvas is placed inside of it. Additionally I add (via addChild) a score sprite inside of the background sprite (the one that holds the bg canvas so the score appears on top of the bg canvas).
The goal is that when I add a score it shall be stuck to the background (even when the scrollrect moves; it shall have a fixed position on the background).
The problem is that this doesn't work because when the score appears it moves with the scrollrect and this is not what I want. I already tried it with globalToLocal but had no success yet. Probably because I don't really understand globalToLocal (and vice versa).
These are some code excerpts:
Code: private var backgroundBitmapData:BitmapData = new BitmapData(1320, 1000, false, 0x000000); private var canvasBitmapData:BitmapData = new BitmapData(1320, 1000, false,
I'm trying to make a full browser webpage that utilizes the scrollRect type of class to pan around a movieclip that contains other movieclips and so on. The problem I run into is that when the browser window is resized that panning doesn't go with it. So panning to all the edges becomes impossible. I've tried a bunch of different stage resizing techniques but none of them give any good results. Here's the actionscript I'm currently working with:
1. container1-->bitmap image with bitmapData. 2. container2-->bitmap image with bitmapdata. 3. im using the latest tweenmax 4. have correctly added a 2 seperate scrollrects to container1 and container2 that takes the width and height of the stage. 5. tweenmax is only moving the rectangles.
I get the effect i want, however, it still lags a choppy animation. Anyone know how come?
I've been playing with carousel code, and was wondering how to change it from circular animation (carousel) to left/right linear (conveyer belt) style animation, how to change the mover code and 't.angle = i * ((Math.PI*2)/numOfItems);'
I have a startDrag function set up on a loader and mask that when the mouse is down on the loader it drags, when not it doesn't. There is also 2 buttons that control whether mask1 or mask2 is used. What i would like however is when the mouse is down - the area of the loader outside of the mask is visible but only by about 10/20% alpha, that way the user can see where all the image is while dragging. Is this possible? Full code can be seen below and i have attached the zip with the .fla file:
what i am doing is to make something along the lines of the "scriptable mask" tutorial Inigo was kind enough to put up.My idea is to have a large mask behind the whole of my flash site, this masks a colour image with a black & white one (nothing tricky). The image I am using is actually 5 separate images combined, and each is a pic of certain parts of the site.I also have a very basic set of buttons along the bottom... each corresponding to each section.
All I want is to set it up so that when I mouse over the buttons, the _x of the mask moves to correspond with the correct image... really very basic... or so I thought .If anything it should be easier to do than what is in Inigo's tut (where he uses the _x of the mouse to move the mask)... i just cant seem to get it to work with a nice easing effect (its easy to get the mask to simply snap to each coordinate, but I need it to smoothly move).
I have a mc (fStrip) which looks like a piece of filmstrip with thumbnail images in it. I want this mc to move when the users mouse is positioned over it, but I only want it to move only along it's x-axis and in a direction opposite that of the mouse. And I want it to move or flow smoothly.
I've been trying to figure this out (see my lame attempt below) but without much luck.
onClipEvent (mouseMove) { buffer=20 //movement buffer mousePos=_root.fStrip._xmouse //store mouse position if (mymouse!=_root.fStrip._xmouse){ //if the mouse has moved
