Center Registration Point For 3D Object (Matrix3D)
Hi,
I am trying to do a basic 3d rotation in Actionscript for a Flex UIComponent (using Flex 3.2) and I can't make it rotate around its center. I checked out some of Flex 4's classes, on how they accomplished the FxRotate3D effect which is centered, but it's too complex to just extract out the parts I need (and the effect is very bug prone anyway).
How do you set the UIComponent to have a center registration point if you are using 3D effects? I've tried using the basic Matrix class, as there are some examples of centering registration points in 2D, but they don't work here. I have done the following so far and have achieved at least a 3d rotation, but I can't control where it is (I don't know much about matrices).
Code:
myView.addEventListener(Event.ENTER_FRAME, tick);
private function tick(event:Event):void {
myView.transform.matrix3D.appendRotation(1, Vector3D.Y_AXIS)
}
I would like to be able to just have the object rotate like you would see in papervision using the camera, but I don't know where to start.
Thanks for your help.
Lance
Actionscript 3.0
Posted on: Sun Dec 07, 2008 12:23 am
View Complete Forum Thread with Replies
Sponsored Links:
[F8] Zooming To Center, Not Registration Point
I'm sure this topic has come up quite a bit, but despite looking through old posts I'm still having problems zooming to the center of the viewable area rather than zooming to the registration point.
I have a horizontal slider bar that incorporates the following control to set the zoom level on a map:
Code:
handle.onPress = function() {
this.startDrag(false, 0, 0, 92, 0);
};
handle.onRelease = function() {
this.stopDrag();
};
handle.onEnterFrame = function() {
_level0.Map.targetWidth = (this._x*20)+1133; //20 is zoom multiplier, 1113 is the original width
_level0.Map.targetHeight = (this._x*20)+976 //20 is zoom multiplier, 976 is the original height
};
The above works fine and zooms smoothly, but it zooms to the registration point (obviously).
Is there an easy formula that incorporates the above script and sets the x and y formula according to the zoom level? I know it's been suggested to place the whole map into a new MC and set the new MC registration point to the center, but because of the complexities of the map MC I'd rather change the x and y values on the fly.
Any help would be deeply appreciated! Thanks!
View Replies !
View Related
Registration Point Not Wanting To Center
I have a circular font character that I want to rotate. I converted the character to a symbol choosing the registration point as being centered. When I go back to the stage, the center point is off a little bit, so the character doesn't rotate in a true circle. I tried dragging the center point manually, but can't get it just right. Is there a trick to getting the registration perfectly centered when this happens? Thanks
View Replies !
View Related
Registration Point Exactly Center To Symbol
Hi all, I'm working on a game that has a stationary background and a scrolling foreground. The Character moves a percentage distance towards the mouse like this...(see code below)
It appeared to work fine except I noticed that as you play the game the screen gets off over time. It was driving me nuts and I think I know why. The mouse and the charater are never exactly center. The y coordinate for mouseY is offset to the character y. I tried centering the character in the movie clip but it doesn't seem to work right. Does anyone know how I can make sure the registratoin point is in the center of the character so character.x will center exactly to mouseX and character.y will center exactly to mouseY?
To complicate I have to force the character to stop short of the top of the screen because of the control panel. The mouse can continue up to the panel so that causes a unsync of mouseY since the user can move the mouse in Y farther than the character is allowed to go. Any suggestions how I can fix this? Thanks
Attach Code
var vx:Number = Math.floor((mouseX - character.x ) * easing)-2;
var vy:Number = Math.floor((mouseY- character.y ) * easing)-2;
character.x += vx;
character.y += vy
// Then I use the same formula reversed so the forgroud moves relative to the character...
bkBackGnd.x -=vx;;
bkBackGnd.y -=vy;
View Replies !
View Related
How To Center LoadMovie Registration Point
Hello Flash Tech's,
I really having trouble figuring this one out.
I'm trying to use Zoom transition for my photo Gallery which I'm using loadMovie "jpg" from Xml file.
Now the problem is here.
The Registration Point is set to the top upper left corner and I would like it to be in the center of my loadMovie.
The Zoom transition only zoom from left corner and need to be center equal sides.
How do I do this. My image size is "width 400px height 240px
Thanks....
View Replies !
View Related
How To Center LoadMovie Registration Point
Hello Flash Tech's,
I really having trouble figuring this one out.
I'm trying to use Zoom transition for my photo Gallery which I'm using loadMovie "jpg" from Xml file.
Now the problem is here.
The Registration Point is set to the top upper left corner and I would like it to be in the center of my loadMovie.
The Zoom transition only zoom from left corner and need to be center equal sides.
How do I do this. My image size is "width 400px height 240px
Thanks....
View Replies !
View Related
Change MC Registration Point To Zoom To Center
Hi,
I am working on a project in which I have an MC that loads a floorplan from dimensions located in an external XML file...I would like to be able to zoom in on the floor plan, but I am unable to figure out how to get the window to zoom to center as opposed to the top left...any ideas?
Paul
View Replies !
View Related
Default Object Registration Point Help
Hello,
I'm on a mac osx with MX 2004, and wondering if/how I can edit the default registration point of my mc's and graphics. Right now it's defaulting in the center, and I thought it was supposed to default in the upper left corner. Is there anyway to change or set this preference? any help is appreciated. Thanks for your time ~
Dbit
View Replies !
View Related
Moving Object Registration Point
Kirupa,
you are wrong.
Moving transformation point is not the same as moving registration point.
So, the problem exists and I don't know how to beat it.
I got a movie clip with registration point set in center. Now I changed my mind and want registration point in left top corner. I dunno how to set it there without re-creating my movieclip!!
View Replies !
View Related
Default Object Registration Point Help
Hello,
I'm on a mac osx with MX 2004, and wondering if/how I can edit the default registration point of my mc's and graphics. Right now it's defaulting in the center, and I thought it was supposed to default in the upper left corner. Is there anyway to change or set this preference? any help is appreciated. Thanks for your time ~
Dbit
View Replies !
View Related
Moving Object Registration Point
Kirupa,
you are wrong.
Moving transformation point is not the same as moving registration point.
So, the problem exists and I don't know how to beat it.
I got a movie clip with registration point set in center. Now I changed my mind and want registration point in left top corner. I dunno how to set it there without re-creating my movieclip!!
View Replies !
View Related
Lock Center Point Of Object?
I have a flash movie with 4 drag and drop objects. These objects can be dropped anywhere on the background wheel. No problem so far. The problem is that these background wheels can be rotated in cw or ccw direction and I need the drag and drop objects to stay locked relative to their position on those wheels. So if the wheel rotates 20 degrees cw the drag and drop x needs to stay in the same position it was dropped yet rotate the 20 degrees as if it was stuck on to the wheel with a magnet. Can this be done?
It seems like I need to lock the center point of the drag and drop objects to the center of the wheel but I have not been able to find that actionscript code. I'm just a graphic artist - so I get overwhelmed by all the programming sometimes. I appreciate any help I can get.
View Replies !
View Related
Resizing An Object From The Center Point?
I want to resize an object, but I want it to resize it to where the center point stays in the same spot but it resizes outward. Right now it does this:
start
http://moose.cc/uploaded/resize_ball_1.jpg
after resizing
http://moose.cc/uploaded/resize_ball_2.jpg
You can see that the tops are still aligned, but on the resized one it resized downward, I don't want that, I want to keep the center point the same and expand its size outward.
How can this be done?
View Replies !
View Related
How Do You Find An Object's Center Point?
Hi,
I'm trying to find an object's center point. I've been using .x and .y (eg. object.x) to find the registration point. From there I've been calculating the center point by adding half the objects width to object.x and half the objects height to object.y. The code below is an example of what I've done.
Or is there a way to set an object's registration point to the center of the object?
Is there a method or property that will give me an object's center point automatically without me having to calculate it?
Attach Code
center.x = object.x + (object.width / 2);
center.y = object.y + (object.height / 2);
View Replies !
View Related
Registration Point Vs. Transformation Point
I'm extremely frustrated with the behavior of Flash MX 2004's registration/transformation points. I just learned that the distinction between the two just happened with the release of Flash MX 2004. I'd like to know how in the world I'm supposed to transform a symbol relative to its corner or side, seeing how the transformation point insists on being in the center of the symbol every time.
Let's say I have a 200x200 square shape. If I want the transformation point to be in the lower left corner, it looks like I have to:
1. Put the registration point in the center when I create the symbol
2. Double click on the symbol
3. Move the shape 100 px to the right
4. Move the shape -100 px up
5. Exit out of symbol editing mode
which is five times more complicated a process than if they had kept the behavior like it was. Or at the very least, change the Symbol Creation dialog box to this:
Or am I missing something?
View Replies !
View Related
(HELP) CreateEmptyMovieClip() Center Registration
how can i center the registration point of the createEmptyMovieClip(content_box, 200)?
so when i load my swf using
_root.content_box.loadMovie("117.swf", 0) it will center at the screen
i have different file of swf that have different sizes and i want it to load in the middle of the screen. when i try centering it can't because of the registration point of "content box" always at the upper left corner.
this is my sample code:
//empty movie clip
createEmptyMovieClip("content_box", 200);
content_box._x = Stage.width/2;
content_box._y = Stage.height/2;
// for buttons in other swf
on (release) {
_root.content_box.loadMovie("117.swf", 0);
}
THANK YOU IN ADVANCED who can answer this..
View Replies !
View Related
How To Center Registration Points With Xml Images?
I have this function that creates a grid of thumbnails using xml. I would like each thumbnail to grow on mouse over from the center. Currently, when the loader loads each image from xml, the registration point is the top left corner. Is there way to change the registration point?
Code:
function xmlLoaded(event:Event):void {
xml = XML(event.target.data);
xmlList = xml.children();
_thumbnailsContainer = new Sprite();
addChild(_thumbnailsContainer);
var thumbnailContainer:Sprite;
var thumbnailX:Number = 0;
var thumbnailY:Number = 0;
for(var i:uint = 0; i < xmlList.length(); i++) {
imageLoader = new Loader();
imageLoader.scaleX = 1;
imageLoader.scaleY = 1;
imageLoader.addEventListener(MouseEvent.CLICK, fadeThumbs);
imageLoader.addEventListener(MouseEvent.MOUSE_OVER, onMouseOver);
imageLoader.addEventListener(MouseEvent.MOUSE_OUT, onMouseOut);
imageLoader.load(new URLRequest(xmlList[i].attribute(thumbAtt)));
thumbnailContainer = new Sprite();
thumbnailContainer.addChild(imageLoader);
thumbnailContainer.x = thumbnailX;
thumbnailContainer.y = thumbnailY;
_thumbnailsContainer.addChild(thumbnailContainer);
thumbnailX += 290;
if((i + 1) % 3 == 0) {
thumbnailX = 0;
thumbnailY += 225;
}
imageLoader.name = xmlList[i].attribute(fullAtt);
}
}
View Replies !
View Related
Registration Point Help
I'm using loadMovie to load a jpeg into a movieclip. When I resize/rotate the movieclip with the jpeg in it, it resizes/rotates only from the upperleft corner. I know that loadMovie always loads movieclips with the registration point on the upperleft corner, but what if I want to resize the from the bottomright corner or the center. Is there a way around this? Any help would be appreciated because I'm really stumped on this one.
View Replies !
View Related
Registration Point
I just changed to Flash 7 and I am going crazy. I need to change the registration point of a movie clip. ( I remember in Flash 5 you could move the registration point of an instance for example to change rotation pivot points.) I am creating a scroolling paneI,but my content starts at the middle inside the scrolling panel, because the registration point is at the middle of the content. I CANNOT move my content around it's registration point because it's a LONG list and if I move it to have the registration point at its upper left, half of it falls off the working area, and thus disappears when I scroll to that point (which falls off the working area.). Please, can anyone tell me how to:
1-Move the registration point ?
or
2-make the work area larger?
Thanks!!!
P.S I am unable to turn the actions window into "non expert mode" Anyone knows how?
View Replies !
View Related
Registration Point Changes
MX2004Pro
I've got a masked image in a movie clip that I am zooming using a direct call to transitions using a variation on the code from http://www.kirupa.com/developer/mx2...ansitions2.htm.
Works very well with the zoom point anchored at the registration point of the movie clip.
If I create the movie clip with the registration point where I want it, all works as expected.
If I move the registration point of the movie clip after creating it (transform and move small white circle), the transition zoom takes no notice and still zooms about the original reg point.
I can do it the hard way, but would prefer to find something simpler and more elegant than brute force to anchor the zoom where I want it.
Is there another way to change reg point or some other simple workaround?
View Replies !
View Related
Registration Point
OK. This is driving me nuts. I can't seem to move the registration point to manipulate the scaling of a movie clip.
I select the movie clip - Select Modify - Select Transform - but, there's no "Edit Center Point" option.
I'm in a full version of Flash MX on Windows XP.
Any ideas why the "Edit Center" option is not available? How can I move the center point to the left edge?
View Replies !
View Related
Registration Point
Does anyone know how to change the registration point of a movie clip?
Lets say I have drawn an image of a baseball and I select F8 to convert to sybol and create a movie clip. The default location of registration is in the upper left hand corner. Say I forget to move the poiint to the center and click ok to save as a movie clip. How would I go about changing that if I need it to be in the center?
I know I can re-create the image, but just assume there is a more efficient manner.
Thanks,
Kerry
View Replies !
View Related
Registration Point Help
This is such a newbie question but how can I change the registration point of an object after I have created it. I can change the sizing/rotation point but the registration point seems cast in stone.
Thanks in advace for ant help.
Mark Hollas
View Replies !
View Related
Registration Point
i am trying to work through a flash tutorial and it wants me to move the registration point to the far left of my image. when i try to move the cross hairs everything is moving.
how can i set the registration point to the far left with out everything moving in flash 8
View Replies !
View Related
Registration Point
I created an animation and I put the animation with copy past all the frame to new MC. but the Registration point isnt in the middle how can I put the Registration point in the middle ? in the easy and best way?
View Replies !
View Related
Registration Point...
how can I change the registration point of an MC once I create it? I can't for the life find a spot to change it from "center" to, say, "top left" or "bottom right"
I always ending putting it inside another movie clip with the registration point I'm looking for.
Also, is there a way to do it with ActionScript?
View Replies !
View Related
Set Registration Point
Hi everyone,
I know it is not possible to change the registration point of a movie clip (unless using a custom made class), but I was wondering if you can actually specify it when you create the movie clip, using New Movieclip() ?
That would make sense, I mean, there must be a way to do that... right ?
Thx.
View Replies !
View Related
Registration Point?
Yeah i'm completely new to flash and was taking the first few basic tutorial. What exactly is the registration point? I dont really understand that.
also I like this site, but are there any more good tutorials that you would recommend for a flash beginner? and what would be good book for me to get? Any input would be greatly appreciated.
thank you
Johnny1time
View Replies !
View Related
Registration Point
Does anyone know how to change the registration point of a movie clip?
Lets say I have drawn an image of a baseball and I select F8 to convert to sybol and create a movie clip. The default location of registration is in the upper left hand corner. Say I forget to move the poiint to the center and click ok to save as a movie clip. How would I go about changing that if I need it to be in the center?
I know I can re-create the image, but just assume there is a more efficient manner.
Thanks,
Kerry
View Replies !
View Related
Registration Point?...
alright... i have seen this asked several times...
could someone explain about lining up movie clips in the main animation so they appear right where you want them to... some have spoken in relation to the registration mark being placed in the upper left hand corner...
i'm a tad bit confused... any takers?
View Replies !
View Related
Mc Registration Point I Think
Hi all I have made an xml gallery using the examples on this site but I want my images to resize from the left intstead of the centre. I have tried changing the reg point of the movieclip but cant seem to get it to work. Do I need to cahnge something in my code? I have posted it below. Thanks
Code:
var tnNr;
spacing = 10;
container._alpha = 0;
var curLength;
var cur, slideInterval;
var slide=0;
MovieClip.prototype.loadPic = function(nr) {
clearInterval(slideInterval);
preloader._visible = 1;
info.text = "";
this._alpha = 0;
this.loadMovie(pArray[nr]);
cur = nr;
temp = this._parent.createEmptyMovieClip("temp2", 998);
temp.onEnterFrame = function() {
var t = container.getBytesTotal(), l = container.getBytesLoaded();
var per = Math.round((l/t)*100);
preloader.bar._xscale = per;
preloader.loadInfo.text = per+" % loaded";
//
if (Math.round(l/t) == 1 && container._width != 0 && container._height != 0) {
preloader._visible = 0;
var w = container._width+spacing, h = container._height+spacing;
border.resizeMe(w, h, nr);
delete this.onEnterFrame;
}
};
};
MovieClip.prototype.resizeMe = function(w, h, nr) {
var speed = 3;
container._alpha = 0;
this.onEnterFrame = function() {
this._width += (w-this._width)/speed;
this._height += (h-this._height)/speed;
if (Math.abs(this._width-w)<1 && Math.abs(this._height-h)<1) {
this._width = w;
this._height = h;
container._x = this._x-this._width/2+spacing/2;
container._y = this._y-this._height/2+spacing/2;
info._y = Math.round(this._y+this._height/2+spacing/2);
container._alpha += 5;
if (container._alpha>90) {
info.text = iArray[nr];
container._alpha = 100;
if (slide) {
slideInterval = setInterval(slideshow, 4000);
}
delete this.onEnterFrame;
}
}
};
};
function galleryChoice(q) {
pArray = new Array();
tArray = new Array();
iArray = new Array();
my_xml = new XML();
for (var j = 0; j<curLength; j++) {
this.th_nav["thmb"+j].removeMovieClip();
}
my_xml.ignoreWhite = true;
my_xml.onLoad = function(loaded) {
if (loaded) {
gallery = this.firstChild.childNodes[q];
curLength = gallery.childNodes.length;
for (var i = 0; i<gallery.childNodes.length; i++) {
pArray.push(gallery.childNodes[i].attributes.source);
tArray.push(gallery.childNodes[i].attributes.thumb);
iArray.push(gallery.childNodes[i].attributes.title);
}
}
delay = setInterval(makeButtons, 50);
};
my_xml.load("gallery.xml");
}
function makeButtons() {
tnNr = 0;
clearInterval(delay);
for (var i = 0; i<tArray.length; i++) {
var thb = th_nav.thmb.duplicateMovieClip("thmb"+i, 1000+i);
thb.id = i;
thb._x = i%25*30;
thb._y = Math.floor(i/25)*30;
}
loadButtons();
}
function loadButtons() {
var tbox = th_nav["thmb"+tnNr].box;
tbox.loadMovie(tArray[tnNr]);
temp = this.createEmptyMovieClip("tmp"+tnNr, 999);
temp.onEnterFrame = function() {
bt = tbox.getBytesTotal();
bl = tbox.getBytesLoaded();
if (bt == bl && bt>4) {
nextButton();
delete this.onEnterFrame;
}
};
}
function nextButton() {
if (tnNr<tArray.length-1) {
tnNr++;
loadButtons();
} else {
activateButtons();
}
}
function activateButtons() {
mainButtons();
for (var i = 0; i<pArray.length; i++) {
var but = th_nav["thmb"+i];
but.id = i;
but.onRelease = function() {
container.loadPic(this.id);
disButtons2(this.id);
};
}
container.loadPic(0);
disButtons2(0);
}
butArray = new Array();
butArray = ["gal1_btn", "gal2_btn", "gal3_btn", "gal4_btn"];
function mainButtons() {
for (var i = 0; i<butArray.length; i++) {
this[butArray[i]].id = i;
this[butArray[i]].onRelease = function() {
galleryChoice(this.id);
disButtons(this.id);
};
}
}
function disButtons2(d) {
for (var i = 0; i<tArray.length; i++) {
if (i != d) {
this.th_nav["thmb"+i].enabled = 1;
this.th_nav["thmb"+i].box._alpha = 100;
} else {
this.th_nav["thmb"+i].enabled = 0;
this.th_nav["thmb"+i].box._alpha = 50;
}
}
}
function disButtons(d) {
for (var i = 0; i<butArray.length; i++) {
if (i != d) {
this[butArray[i]].enabled = 1;
this[butArray[i]].gotoAndStop(1);
} else {
this[butArray[i]].enabled = 0;
this[butArray[i]].gotoAndStop(2);
}
}
}
function slideshow() {
if (cur == pArray.length-1) {
container.loadPic(0);
} else {
container.loadPic(cur+1);
}
}
play_slide.onRelease = function() {
slide = 1;
slideInterval = setInterval(slideshow, 4000);
this.gotoAndStop(2);
stop_slide.gotoAndStop(1);
};
stop_slide.onRelease = function() {
slide = 0;
clearInterval(slideInterval);
this.gotoAndStop(2);
play_slide.gotoAndStop(1);
};
disButtons(0);
galleryChoice(0);
View Replies !
View Related
How To Set Registration Point Via AS?
hi there,
i made this little script which draws two exactly the same squares, except for the rotation. But it seems the registration points of the squares aren't in the center (of the squares). How can i set this via AS?
thnx in advance,
grenouille.
Code:
function drawSquare(x,y,w,alpha,i,rot) {
alpha = 100;
_root.createEmptyMovieClip("mc"+i,i);
with (_root["mc"+i]) {
lineStyle(1,0x00000,alpha);
moveTo(x,y);
lineTo(x+w,y);
lineTo(x+w,y+w);
lineTo(x,y+w);
lineTo(x,y);
}
_root["mc"+i]._rotation = rot;
}
drawSquare(100,100,50,100,1,0);
drawSquare(100,100,50,100,2,45);
View Replies !
View Related
Registration Point
So when you load a picture into a movie clip, it loads into the Top-Left hand corner.
Ok.
Umm, I really want it to load into the Top-Right hand corner. Is there a way?
I am loading it via AS - not placing it manually, as I have a variety of images which are of different dimensions....
What am I missing?!
View Replies !
View Related
Registration Point?
Right - please, someone... before i go insane.
I'm trying to draw a line that animates from being very small (the size of a dot) and then extends to a line say 200 px wide. Why oh why can i:
A) not have it so it animates from the center outwards
B) not have it so it animates from the right to the left instead of the left to right?
Is this something to do with the registration point from when i convert it to a graphic?
So for A) i would set the registration point to the middle and for B) i'd set the registration point to the right?
Yes/No ? Anyone?
Its like the simplest of things and its got me stumped.
View Replies !
View Related
Registration Point
Does anyone know how to change the registration point of a movie clip?
Lets say I have drawn an image of a baseball and I select F8 to convert to sybol and create a movie clip. The default location of registration is in the upper left hand corner. Say I forget to move the poiint to the center and click ok to save as a movie clip. How would I go about changing that if I need it to be in the center?
I know I can re-create the image, but just assume there is a more efficient manner.
Thanks,
Kerry
View Replies !
View Related
Registration Point
when i make a symbol in flash 7 it puts the registration point in the upper center, what happened to centering all the registration points automatically when a symbol is created????
View Replies !
View Related
Registration Point Of MC
Moving the registration point of a MC [as]Hi guys i made a rectangle and it needs to sit on the same Y cordinates and I will be changing the x cordinates and the height of the rectangle .
Well what I need is to change the registration point so when i change the height it stays at the same Y cordinate and it grows up. so what i need is my registration point to be at the bottom of my movieclip mcClip can some one help me with this ..
My code is at the bottom
Thanks
Rob
ActionScript Code:
//creates mcClip
var mcClip:MovieClip = this.createEmptyMovieClip ("mcClip", this.getNextHigestDepth());
// variables of arrrays for gradient fills
var aColors:Array = [0x990000, 0xFF0000];
var aAlphas:Array = [100, 100];
var aRatios:Array = [0, 255];
var oMatrix:Object = {matrixType: "box", x: 0, y: 0, w: 100, h: 100, r: Math.PI/5};
//next line calls draw rectangle function
drawRectangle (mcClip, 15, 100, 50, 200);
//draws rectangle function
function drawRectangle (mcClip:MovieClip, nWidth:Number, nHeight:Number, x:Number, y:Number) {
mcClip.lineStyle (0, 0, 100);
// next line starts fill (type, colors, alphas, ratios, matrix); matrixType, x, y, w, h, and r
mcClip.beginGradientFill("linear", aColors, aAlphas, aRatios, oMatrix);
mcClip.lineTo (nWidth, 0);
mcClip.lineTo (nWidth, nHeight);
mcClip.lineTo (0, nHeight);
mcClip.lineTo (0, 0);
// next line ends the fill of color
mcClip.endFill();
// next two lines moves the x and y location of the movie clip
mcClip._x = x;
mcClip._y = y;
}
View Replies !
View Related
|
TRACKER
