ActionScript 2.0 :: Image Pan - Want To Center/scale Relative To Position At Click?
Aug 19, 2006
I've recently taken Krilnon's tutorial on interactive image panning, and have a need for more complexity. My image to be panned (relative to user's mouse movement) has several 'hot spot' buttons placed within. Each hot spot, when clicked, is to smoothly zoom and shift within the mask, with pertinent info displayed next to each, once zoom and shift is complete. almost like I'm making a motion tween, where the final position is known, but the start position is wherever the BG image is when the user clicks the nested button. I need to determine the x-position at the moment of click of the button (different for each button), and then, I think, use a simple-math "stagger-step" method of moving and scaling, until I've reached my final dest. here's the link to the tutorial I originally referenced:If anyone knows of a tutorial or example out there, I'd love directions to it(them). or,
View 1 Replies
Similar Posts:
Aug 19, 2006
I've recently taken Krilnon's tutorial on interactive image panning, and have a need for more complexity. My image to be panned (relative to user's mouse movement) has several 'hot spot' buttons placed within. Each hot spot, when clicked, is to smoothly zoom and shift within the mask, with pertinent info displayed next to each, once zoom and shift is complete. almost like I'm making a motion tween, where the final position is known, but the start position is wherever the BG image is when the user clicks the nested button. I need to determine the x-position at the moment of click of the button (different for each button), and then, I think, use a simple-math "stagger-step" method of moving and scaling, until I've reached my final dest. here's the link to the tutorial I originally referenced:Url...
View 8 Replies
Nov 25, 2011
I am using AS2 and I'm looking for a way to scale an MC from the center meaning that the width will expand equally on both sides.For example .. If the movie clips needs to expand +10 then it would be +5 on the left and +5 on the right.So, in order to simulate the movie clip going forward the position on the left would offset -5 then scale.
View 2 Replies
Feb 21, 2011
I am in the midst of finishing up a design application where you can upload images and colors. I use the greensock transform manager. I am taking anything a user does and recording it so I can recreate what they made on larger scale behind the scenes (to be exported for printing purposes)
The problem I am running into is with rotation and moving x and y values. The transform manager does everything relative to a center point, but when i recreate the image object the registration point is at the top left. I have found how to rotate around the center of the object using the transform matrix, but I can't seem to move the x and y correctly because these values change when you rotate. I want to just move the image to the left or right relative to the center. How could I go about doing this.
Here is how I rotate.
private function rotateAroundCenter (ob:*, angleDegrees:Number, ptRotationPoint:Point) {
var m:Matrix=ob.transform.matrix;
m.tx -= ptRotationPoint.x;
[Code]....
View 1 Replies
Jan 6, 2010
I had coded a different file similar to this and had a movieclip move along the x axis relative to where the mouse position is.
The idea is the movie clip is a panoramic photograph (eg. 6000x900) and it would move dependant on where the mouse it. ie. if mouse is in the centre it will be stationary and when it moves left and right the image will move accordingly (faster when further away from the centre).
The code below works moving the movieclip's x position but when I try and do it with TweenLite (using the quotations for relative positioning) the movieclip snaps immediately to -107374182.4
ActionScript Code:
import com.greensock.easing.*
import com.greensock.*
[Code]....
There is obviously something fundamental I am missing but cant see it at the minute. I had this working previously but then tried to progress it and write my own class for the panning (that now turns out I do not have time for) but I saved over the code and cant not go back.
I have put together an example zip with a .fla and the greensock tweening platform.
View 2 Replies
Jan 16, 2012
I have a list of artist, each one a mc, in a vertical display. Next to them, I have a holder in which I load the thumbnails one the mouse is over a mc.This images, are being loaded via loadclip.. resize-center and then shown with alpha..But sometimes, the image are shown huge, and instantly resized and positioned.This a dvd project.. so images are not being downloaded..this is the part of the code..
Code:
thumb.onRollOver = function() {
this.gotoAndPlay("rollOver");
[code].....
View 3 Replies
Oct 30, 2009
i am new with flash, and i had swf which contains big image it will resize to best fit. when i double click the image the clicked position come to center of the stage. i achived little bit, it zooming but image not come to center position. i have attached the fla file in it i have used this script to zoom on double click and bolded 2 lines are to position the image.
[Code]...
View 16 Replies
Oct 23, 2009
i am trying to center the image once clicked, i have multiple images(4) and want them to open dead center on the stage i would also like to close the opened image when the next one opens and return it to original position!
what i have got so far:-
stop();port1_mc.doubleClickEnabled=true;
var centerX:uint = stage.stageWidth / 2;var centerY:uint = stage.stageHeight / 2;
port1_mc.addEventListener(MouseEvent.DOUBLE_CLICK, go);
function go(evt:MouseEvent):void{
//opens image to the stage gotoAndPlay (2);}
View 5 Replies
Jan 23, 2010
I have a tween set on a timer:
var manTimer:Timer = new Timer(1000,14);
manTimer.addEventListener(TimerEvent.TIMER, moveMan);
function moveMan(e:TimerEvent):void {[code]....
I just need to make the tween's position relative to it's current position, as opposed to starting at the stage's 0 position then moving the the stage's -40 position. It needs to start at its current position the move -40 from that position.
View 1 Replies
Aug 31, 2010
I don't seem to be able to find the right wording to find my answer anywhere.How do I determine where an MC's center is relative to its edges?I'm developing a tool that a variety of noobs (as if I'm not still a noob) will be using, and I don't trust them to keep art with 0,0 being the top left corner.How do I figure out that the left edge is now at -111px, and the top at -52, and the right at 12, and the bottom at 334?
View 3 Replies
Jan 8, 2012
All though I can scale down the size of my objects and can shift them to their correct positions when scaling. I cannot shift them to the correct relative positions, relative to the screen centre.
Code:
level=1; //starting scale level
public function scaleOut(level:int) // scale to a level 1-4{
for (var r = 0; r < Main.ballArray.length; ++r){
// scale radius
Main.ballArray[r].bRadius *= (oldLevel / level);
[Code] .....
View 8 Replies
Oct 27, 2009
I have a movieclip thats inside another movieclip..lets call them mc1 and mc2..
the problem is that I want to get the position of mc2 relative to the stage...and not to mc1..is there any simple way to do this?
View 1 Replies
Dec 10, 2009
Imagine that I make a movie clip that looks like a chess board, and that inside that move board I place other movie clips that look like pieces.Now imagine that I tilt the chessboard so that you are no longer looking at it top down and rotate it so that the dark pieces are first in front of you and and this slowly changes until the white ones are, etc.In order to make this look right I have to rearrange the stacking order of the movie clips (which pieces are "on top" of which other pieces when they are drawn). But when the clip rotates, the mc.z value for all the clips does not change. Neither does the width or height which I thought I could use instead even though they are clearly looking bigger or smaller onscreen.I think that I might just be getting the z point relative to the other children of the rotating movieclip. Is there any way to get the z point relative to the stage?
View 3 Replies
Sep 16, 2011
So let's begin. I want to build a wheel which you can spin, similar to a roulette wheel. You can do this both ways (CW and CCW, this issue causing the bug, actually). The wheel has some acceleration to it too, and I achieve this by measuring the start and final angle of the drag movement, using Math.atan2(dy, dx). The problem is the following: atan2 outputs the following angle scheme, assuming the point relative to which the math is done is in the center of the circle.
atan2 returns a value measured in radians, so I'm using the classic angle*180/Math.PI formula. I've changed this original scheme into the following, using some simple math to shift the angles a bit, to resemble more accurate circle angles (going up to 360 degrees) The problem that I'm facing at the moment is should the user decide he wants to swipe clockwise, and moves through the right point, where 0 turns into 360 or 180 turns into -180, the whole angle difference thing is capsized. It registers a CCW movement (as if the user swiped his mouse all around the circle). So, I'm looking for some ideas as to how I can work around this small issue.
View 1 Replies
Nov 25, 2009
I have created a movieclip with programming and added a image via xml loader. I am scaling it down using tweenlite. But it scales as if the registration point is on the top left of the image. Do you know how to change it so it scales from the center?
View 6 Replies
Dec 16, 2006
Each time the square is clicked it scales up a little. What must be added or changed to prevent it from moving off center from its original position, and to have it scale evenly in all directions from its own center?
Code:
package {
import flash.display.Sprite;
import flash.display.Shape;[code]....
View 2 Replies
Aug 10, 2011
way to position an array containing movie clips relative to the stage? Here's what I was trying...
import flash.display.MovieClip;
var one:MovieClip = new One();
addChild(one);
[code].....
View 5 Replies
Jan 6, 2011
To make this more clear I have a flash website coming near to the end of the design stage. I have a multi-layered scene with a resolution of about 700x1200 (so you would scroll down the page with the browser scroll bar). Basicly I want these layers to correspond to your scrollbar position as though the perspective changes. ie: scrolling down would push the fore ground at the normal rate but only pushing the background at a slower rate, (thus giving a 3D effect).I would imagine since the .swf would then need to talk to the scroll bar, there would be a need for another language as well as action script.
View 0 Replies
Feb 29, 2008
I have a movie clip that I have given the a "sliding" variable to move it across the X axis. So far I have been using a variable of
Code:
movieClip.newX = -250;
but what i need to do is have the movieclip slide to a position which is relative to an object inside of it.
As i need the slider to move to a position that centers the object which the slider contains on centered on the screen - i have tried:
Code:
movieClip.newX = movieClip.ContentsObject.Stage.width/2;
but with no response. I realise that code is incorrect, but need something that will work in that way. I presume i need some sort of listener to follow the _x position of the specific movie clip.
View 7 Replies
Feb 13, 2010
I would like to know if there is any way that when mouse leaves screen, the mouse coord from the Main Movie Clip (mouseX and mouseY) keeps updating! Is there any way to get the mouse pos relative to the screen pos?For example when mouse leaves screen and goes 30 pixels up, its position would be (X,-30)
View 1 Replies
Feb 20, 2004
I have a dragable movie clip that on release I want to scale, depending on the mouse position, the further the mouse up the screen (y) then the smaller the clip scales on release.
View 6 Replies
Jul 20, 2004
Here is my cool code....
Code:
onClipEvent(enterFrame)
{
_x -= (-20) - ((0.1 * _xmouse) - 60);
[Code]....
How can I make the easing start fast then go slow? Right now it starts slow and speeds up. Well not really, because it speeds up and then slows down once it gets closer to the mouse position. But becuase the mouse position is greater than that of the movement, it seems like it speeds up then just stops!
Here is the effect I am after....
look at the images inside of [URL]
View 7 Replies
Dec 8, 2010
i have a simple rectangle. i would like to scale it to 200 but the scaling always begins from top-left corner of the rectangle. how can i scale it from the center?
[Code].....
View 3 Replies
Jan 21, 2010
when i edit an objects z value in flash, the "scaling" is not centered, i want to emulate the same effect as center scaling x and y but using Z, how fo i do this?
View 1 Replies
May 21, 2010
I have an image inside a movie clip that a user can scale from its center using the slider....works great.However the use can also drag the movie clip.After the movie clip is dragged to a new location it and then scaled using the slider it jumps back to the center of the stage and then scales.I have tried modifying the x y of the movie clip but then the scale is no longer from the movie clip's center.
var clipNativeX = holder_mc.x;
var clipNativeY = holder_mc.y;
function scaleClip(val:int):void[code]......
View 2 Replies
Mar 1, 2011
I'm developing my first flash app. I'm trying to use classes because they'll be very important in my future app. I created a simple movieclip with a star. However, instead of putting it directly on the stage, I'm calling it from library, using the addChild method to place the star in the stage. To do that, I simple right click over the movieclip icon->properties->check export to action script->and I give a name to the class (for example: myMC)
Then, inside the class I wrote:
package {
import flash.display.*;
import flash.events.*;
public class myMC extends MovieClip {
var star:myMC=new myMC();
public function myMC() {
[Code] .....
As I am placing the two variables origin_x and origin_y inside the constructor, I'm expecting to get 250 and 200 respectively. After drop the star, I want to send it to it's original place, and that's why I need to keep this values. And here's the problem, origin_x and origin_y are both ZERO, instead of 250 and 200... The value is not relative to stage. I managed a little bit and I found this post : [URL]. Unfortunately I tried to replace by the suggested code, but both values remain zero. An interesting thing, is that if I put the star directly in the stage instead of calling it from the library as I am doing, I get correct values in origin_x and origin_y.
View 1 Replies
Aug 5, 2011
I have a Flash file for an xml driven menu. There is the document Class, called Main. There is also a Navigation class. In the Navigation class, I position the location of main buttons and sub menu buttons for the menu. I want to position the buttons in the Navigation class relative to the stage. Currently, they are just fixed at certain positions (like 20); To do this, I have read that because this is not happening in the document class.
I must add an event listener to the constructor that listens for the added to stage event. I am not sure how to do this, as when I try and add an event listener for added to stage in the Navigation class nothing happens, (or all menu items diaspear). How to position movie clips relative to the stage (i.e. stage.stageWidth - 50) from a class that is not document class? How to do so in the document class, too.
View 2 Replies
May 17, 2011
If I have a rectangle on the stage, how do I find its top left tip (x,y) and the bottom right tip (x,y) in relation to the stage?
View 2 Replies
Aug 21, 2011
So I have a Crosshair on the Stage and I have an Enemy with nested child limbs, when the below function is called I want to create a hit mark and attach it as a child to the Enemies Limb but how do I translate the X/Y position of the Crosshair to the Enemies Limb bearing in mind the Limb may also be rotated?
[Code]...
View 1 Replies
Dec 13, 2009
I am having problems changing text x,y position in a browser window as the browser is resized. Ultimately I plan on positioning an image but just using the text for now. I use the following code:
Code:
stage.addEventListener(Event.RESIZE, wResize);
function wResize(e:Event):void {
[code]......
View 0 Replies
