I'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 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 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 Repliesim 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 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].....
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 RepliesI have this document in flash where I want an image to pan with mouse movement. When I test the movie it runs ok with any problem. But when I resize the window the position of the big image, it goes all wrong. I'm going crazy with this. Any help? I'll leave the link here so you can see the .fla document.
[URL]
And here is the code (Actionscript 2.0)
var boundX:Number = bigPic._x+activator._x*(bigPic._width/activator._width);
var diffX:Number = bigPic._width-activator._width;
var easeSpeed:Number = 7;
[code]....
I've been looking at the image panning tutorial over at [URL]
Basically the script makes the image scroll based on the direction of your mouse movement.
However what I want to do is, only make the image (bg_mc) scroll, whenever I mouseOver a certain area to the right and a certain area to the left. The blue shapes illustrate what I mean: [URL]
how I would go about modifying my current code, to do that. Lets assume my left scroll shape is named moveLeft and the right, moveRight.
ActionScript Code:
this.onMouseMove = function() {
constrainedMove(bg_mc, 4, 1);
};
[Code].....
I would like to enhance this effect by having the image return to center after it is moused off of. Currently, it will just stay where you left off. It would be neat if it returned at the same speed as it pans. I would love to see if this can be done for a client. Here is the code from the tutorial:
Code:
this.onMouseMove = function() {
constrainedMove(bg_mc, 4, 1);
[code].....
[URL] for the image panning tutorial and forumers.
My aim/goal is to get this effect. The background will fit to any resized browsers without scaling up + image edge will still somehow stay within the stage/browser.. but i got problem with it when i publish my swf as html.
this is my setting in the html tab:
dimensional set to: percent [100x100]
scale set to: no scale
flash alignment set to: center in both
my end result is not good.. i dunno is it my AS or the setting.. hope the kind gurus here can take a look.. i had attach my fla [flash 8].
I just started to work with action script 2.0 to build up an interactive document. I jused the[URL]...panning. Now I want to stop the panning on mouse click and allow the panning again when the user clicks again.I thought I can do it with an Event Listener but well it didn't work out the way I thought. Was my idea wrong or do I have it to place on a specific place???I would like to work without any nav buttons but this are the only exapmles I found in the internet.
View 2 RepliesI have this document in flash where I want an image to pan with mouse movement. When I test the movie it runs ok with any problem. But when I resize the window the position of the big image, it goes all wrong. I'm going crazy with this.I'll leave the link here so you can see the .fla document.And here is the code (Actionscript 2.0)
PHP Code:
var boundX:Number = bigPic._x+activator._x*(bigPic._width/activator._width);
var diffX:Number = bigPic._width-activator._width;
[code].....
i have created a slideshow in AS3 scripting to pan images from left to right or right to left. The issue i have on the slideshow is some stutter effects when the set of images are panning from left to right by one after another. Is there anyway to make the panning smoother than the jittery effect.
about using graphic acceleration for smooth effect. What is graphic acceleration and how it helps to achieve the smooth movement of images.
[Code]...
I've mastered the way of image panning on an x asis for menus and so forth, but I am trying to get it working with an x and y asis. I mean like the main navigation in this example [URL].
View 4 Replies
