ActionScript 2.0 :: Interactive Image Panning Within Stage Size
Dec 26, 2006[URL]. I don't want to pan the image within the Stage size. I want to pan the image within a masking. So that I can adjust the width & height anytime.
View 2 Replies[URL]. I don't want to pan the image within the Stage size. I want to pan the image within a masking. So that I can adjust the width & height anytime.
View 2 RepliesI've been looking for a Flash component/tutorial I can use to make an interactive map. Now I've found the tutorial Interactive Image Panning here at Kirupa.
In that tut you go with the mouse to the right, and the image floats to the left...but here's the problem/question: I also want to get the image float to the bottom/top, when the mouse goes to top/bottom...
Just downloaded the interactive image panning fla and am using the code to move swatches that are buttons...
it works only problem is that once a button is clicked it still pans the buttons around as it is a onMouseMove function.This can confuse the user as they may think it has not been clicked.So what i want is for that panning to stop once one of the panning buttons is clicked.yet still have that panning function if the original button clicked is the wrong one and the user wants to scroll through them again.
I'm kinda new in flash and as3 so this may not be as difficult as it looks right now.I've been trying to figure out how I can pan an image in flash (x and y). I have a movieclip and I want the user only to see a small part as he's panning with the mouse.
View 2 Repliesi have a problem with Interactive Image Panning & Alpha Channel Masking. without panning codes masking is working but with panning i can't see my masked area. code is below and icant find where i am wrong or what i am missing
[Code]...
Interactive Image Panning [URL]...Tutorial and the
Easing on Mouseclick [URL]... Now i tried to combine these 2 together and nothing happens , either 1 works or the other one works but never the 2 together.... [URL]...
I am building a flash based website and have a large rectangle mc that I am panning left to right that has buttons nested inside. I followed the kirupa tutorial called "interactive image panning" and everything seems to be working fine. My problem is this. I want this panned mc to be centered and framed by a black border that will also act as a mask hiding the ends of the rectangle that have not yet been panned to. When I add this black border the code thinks the stage dimensions are larger and the panning gets whacky. How can I contain this panned mc so it doesn't react to a change in the stage dimensions. it also does this when I open the published HTML in the browser. I basically want it to behave like the sample image on the first page of the "interactive image panning tutorial". There must be an easy solution.
View 4 Repliesmouse move to left and the background move to the left how to invert that mouse move to left and the background move to the right and plus Y axis.
View 2 Repliescurrently using the source files on the tutorials page, combining the stuff in this tutorial with the stuff in the Sliding Menu tutorial (http:url...) with each Interactive Pan image being one of the content pages. Trying to go for a touch screen ipad type feel to the site.
The 'image' for the panning is basically text based and I've managed to switch around the code to make it scroll on the y axis instead of the x axis. The problem I've got is that the content is using the "Stage.height" as its border, and I want to contain it within the height of the MC clip (690x580).
im trying to make a interactive panning with the tutorial Interactive Image Panning, Page 1 but this swf loads in a main swf.. the code i am using for the panning swf is
this.onMouseMove = function() {
constrainedMove(bg_mc, 8, 8);
};
[Code].....
the problem im having is that the panning swf is using the with of the main swf that is holding it
just wanted to get some second opinions on something before I dive into a project.I would like to use the same effect executed in this website: http:[url]....how to go about doing that. I have a few ideas but am quite intermediate when it comes to code, so I was trying to search for some help topics and tutorials that might spark something.But I can't figure out what this sort of method is called! Where all the content slides like that as you click on different parts of the navigation.
* I should add that I am more proficient in AS2 but wouldn't mind learning how to do this in AS3.
I am looking to create a site (or part of a site) that is similar to the following links (which both contain panning movie clips with interactive elements within them). One of the keys to this is that it does not pan until you get to the extreme left or right portion of the screen, so that folks can have an effortless (and un-annoying) experience. Anyways...I have done a TON of research online and have found some stuff, but nothing that has really fit what I'm looking for. No more rambling. Here are the two sites.[URL]..."enter site" to see what I'm talking about)
View 2 RepliesI'm trying to get an object to increase in size the lower it goes down the stage, and decrease in size the high it moves up the stage.
It only needs to increase or decrease by a small amount. Basically, it's for a game character. To ad realism to his movements, it would be nice to have this feature.
This is where i'm up to so far:
Code:
import fl.transitions.Tween;
import fl.transitions.TweenEvent;
import fl.transitions.easing.*;
[code]....
I think I need something like:
if (object moves up)
decrease
else if (object moves down)
increase
I have modified the code from the Interactive Image Panning AS3 version (found here) and I have come to a standstill. If you look at my .fla (link) or the image (link) you can see its not a rectangle but has two of the top corners cut off. So it can't really be panned using the usual method because the corners need to be avoided.I have managed to trace 'white' or 'not white' when the areas i don't want panned are visible but I can't figure out how to get the scrolling to stop! My code is as follows:
Code:
import flash.display.*;
import flash.events.*;
[code].....
I have an image panning to the left and right on mouse move. All this works fine but now I can't figure out how to stop the panning at the beginning and end of the image (it just goes on with the mouse move). Would be great if it would stop at the end and let the possibility to go back to the other end again. Here's my code:
Code:
import flash.events.MouseEvent;
var centreX:Number;
var steps:Number;[code].....
I've had this annoying problem since CS1 and persists through CS3. If i import an image (either to stage or to library then placed on stage) the pixel size reported in the properties box is smaller by a very small amount. For example, I just dropped a 1005x650 PNG on the stage. The properties box shows this as w[1004.8] h[649.9]. The file is 72ppi in photoshop. Zooming in confirms that the image is shrunk slightly. In this case, the image was same size as the stage and I could see the white background showing through on the right edge of the graphic. It means that everytime i put a bitmap graphic on the stage, I have to correct the w and h in the properties box.
Does anyone else have this problem? Is there a solution? Does it occur in CS4?
I have created a working flash file virtual_cube.swf in which I use Stage.align for panning. When virtual_cube is loaded from another swf (whhich I have no control over) the use of Stage uses the loader swf.I know _lockroot is nice for when using _root, is there something similar for Stage? like _lockStage?
View 1 RepliesI have a full screen movieclip, in which there are 5/6 buttons that can be draggable around the stage.Now, when i click on a button, a series of images appear at the side of it.What i want to do is to zoom in and center the stage on the photo if i click on it (something that you can see here: ml under the "projets" button, try and click one photo).It may seem tricky since you can actually drag and move the buttons, but logically it is not since i can retrieve the button position (and i place the photos inside it, so the distance between the button._x and the photo._x is in some way retrievable).
Anyway what i'm finding really tricky is the method to zoom and move the stage camera in order to center the photo.i thought of using the transition tweens on the _root in order to change the _xscale and _yscale to zoom, and the _x and _y to move itBut from here i have two problems: how can i determine the right amount of zoom if the stage is in full screen (so with all resolutions possible), and how much the _x and _y properties change after the zoom is done (because it seems to me that after changing the _xscale and _yscale of the _root, it changes the _x and _y values in it, in a way in which i have to add even 2000 pixels in order to center it)
I will be having probably hundreds of objects on the stage, which would be very big, at least 4000x4000px. I wanted a way of panning around, either with the mouse or with buttons. I basically want it to work like Googlemaps does. It can't be a single image as everything on the stage is moving and dynamic, coming from an SQL database. Flash was the only way I could think of to bring a graphical map alive from SQL data.
View 3 RepliesI have a full screen movieclip, in which there are 5/6 buttons that can be draggable around the stage.Now, when i click on a button, a series of images appear at the side of it.What i want to do is to zoom in and center the stage on the photo if i click on it (something that you can see here: http:[url]....... under the "projets" button, try and click one photo).
It may seem tricky since you can actually drag and move the buttons, but logically it is not since i can retrieve the button position (and i place the photos inside it, so the distance between the button._x and the photo._x is in some way retrievable).Anyway what i'm finding really tricky is the method to zoom and move the stage camera in order to center the photo.i thought of using the transition tweens on the _root in order to change the _xscale and _yscale to zoom, and the _x and _y to move it.
But from here i have two problems: how can i determine the right amount of zoom if the stage is in full screen (so with all resolutions possible), and how much the _x and _y properties change after the zoom is done (because it seems to me that after changing the _xscale and _yscale of the _root, it changes the _x and _y values in it, in a way in which i have to add even 2000 pixels in order to center it
Got movieClip with images(jpgs) inside (dozen of imgs) -about even 3000-4000px width and panning it seems to be little choppy. Is there any way to make it smoother? I encountered the problem far far ago, yet in as2, now on as3 I try to figure out how to avoid that 'jumping style' behaviour. Tried with (stage.framerate = someHigherVal than 30) but no effect. I saw many smooth panning galleries around the web, so it definitely is my wrong approach to the issue.
About functionality: it's a simple stuff of course - pressing nextBtn or prevBtn shifts movieClip left or right for some x value. I can see about 5-8 pictures on the stage at once. Rest of them are outside of stage, but order is set before, so they are not rendered(are outside the stage) but have their proper x value. So they are ordered in this movieClip.
this tutorial. [URL]How can i disable this image panning?I'm trying to disable it, when i pressed some button..
View 3 RepliesI have loaded an image from a particular site using loader..and added this loader in a Movieclip.. I want to zoom and pan theimage.. How to zoom particular area of a movieclip?
View 6 Replies[URL]How can i disable this image panning?I'm trying to disable it, when i pressed some button..
View 0 RepliesI saw the Interactive Image Panning tutorial (great one) and i whould like to know what modifications can be made on the tutorial actionscript in order to pan more than one image.
View 9 RepliesI have just found this forum today and boy am I glad I did! I have done the tutotrial "Interactive Image Panning", and have applied it to a gallery I am trying to create, but I can't get the scrolling to stop when the gallery reaches the edge of the stage[URL]..
View 6 RepliesI've been working for awhile and I finally have the Mouse Pan to work. Now I can't seem to insert it into my project. It works fine if the object I am panning is on Frame 1. However if I move it to the correct frame (5) it throws the coding off. Does anyone perhaps know what I'm doing wrong. I have a playhead that moves down the timeline, when it stops on frame 5, that's when I want the image to be available and pann-able. [code]
View 1 RepliesI am using the panning image effect from the URL below:
[URL]
The problem i have is that I only want the image to start panning left and right at the point the mouse reaches the edge of the table. At the moment you get movement no matter where you are on the screen.
I am developing a movie which panning an image. Following code works fine but it leaves blank area when i run it (when i switch to full screen at browser).
function panThisImage(target:MovieClip, speed:Number,speed1:Number, dir:int) {
var mousePercent:Number = mouseX / stage.stageWidth;
var mousePercent1:Number = mouseY / stage.stageHeight;[code]..................
I have an app in Flash CS5 that I am creating for iOS. I am loading an external image to a frame with the UILoader. I would like to be albe to use the two finger zoom and single finger up/down/left/right movements on the image I loaded with the UILoader.
View 1 Replies