Javascript :: 3D Rotation With Axis & Angle?
Sep 28, 2010
I know 3D rotation is well documented on SO and many other sites, but despite reading countless explanations I still haven't figured out where I'm going wrong. My background is in art and design, not math and programming, and I'm never really certain if my angle of attack (no pun intended) is the right one. Rather than paste a patchwork of my dismal code, I'm including an image describing my problem. What I'd really like is a step-by-step worded breakdown of how to solve it. Pseudo code is useful, but I will learn more if someone will just aim me in the right direction or point out common pitfalls.
[Code]...
View 3 Replies
Similar Posts:
May 4, 2005
I have 2 objects on stage, pane (which rotates) and topbut (which initiates the rotation) Currently onRollOver of topbut rotates pane indefinitely, what I'd like it to do is stop once the rotation has gone through 180 degrees.
[Code]...
View 8 Replies
May 4, 2005
I have 2 objects on stage, pane (which rotates) and topbut (which initiates the rotation)
Currently onRollOver of topbut rotates pane indefinitely, what I'd like it to do is stop once the rotation has gone through 180 degrees.
[AS]var angle:Number = 180;
_root.createEmptyMovieClip("temp", _root.getNextHighestDepth());
rotapos = function (movie, angle) {
[Code].....
View 8 Replies
Feb 13, 2005
just need the code templet for moving an object in the direction it is angled at(the rotation).
View 3 Replies
Feb 25, 2011
I'm working on an interactive animation for a university assignment. Here in this scene the user is able to turn a safe dial left and right either using on screen buttons or keyboard keys. The trouble I'm having is trying to write an IF statement to detect the angle of the safe dial so when the dial == an angle of rotation the scene goes on to play the next frame of the animation.
Code:
import flash.events.MouseEvent;
import flash.events.KeyboardEvent;
[code].....
View 2 Replies
Feb 13, 2005
just need the code templet for moving an object in the direction it is angled at(the rotation)
View 3 Replies
Dec 28, 2010
I have a stage with and height of :600x400 On this stage i have 3 squares that have a centerpoint in the middle. The square are 90 (width) and 80 (height)The first square is aligned to the left site and the second one in the middle and the third one on the right The perspectiveProjection is setup using the middle of the stage as it projectionCenter.When i rotate all squares to 90 degrees (rotationY) than only the middle one is now not visible anymore, at that point i want to switch the image inside the square. But at 90 degrees the left and right squares are not invisible.. For the left square that point wouldbe at 90 - 22, and the right one 90 + 22. Is there a way to calculate the correction value (22) in this example?
What i don't want is to give every square it's own perspectiveProjecten , then it would work but you have a completely different3D rotation.The only thing that goes wrong in my example is that the image from the left and right square are not changed at the right time, because 90 degrees on the left square does not mean it it not visible at that point.
And here is the code:
import flash.display.MovieClip;import flash.geom.Point;import flash.geom.PerspectiveProjection;import fl.transitions.*;import fl.transitions.easing.*
var squares:Array = [c1, c2, c3];
[code]....
View 13 Replies
Oct 20, 2010
I need to move a movieclip dynamically over a path. The movieclip has a front which should remain pointing to front when moving along the path. So I need an angle at which the movieclip should be rotated regularly. This is something similar to the motion guide we have in Flash.
View 5 Replies
May 1, 2011
I have a rotation value in degrees(0-360) and a value for magnitude, ie (1-10 pixels per second).
How to apply this information to determine what to add to an objects x and y values to send the object off in a given direction at a given speed ?
View 8 Replies
Feb 2, 2012
how I can count the B point's coordinates (see attached image... or not as I am a new user...pf!). I know the arrow's rotation - so the angle (let's say it is -120), A's coordinates (0, 0) - A is the middle point of the arrow, and that the distance between A and B is 50 px.
View 1 Replies
Jan 8, 2010
Is there anyway to reposition the axis for rotation Z?
View 3 Replies
May 29, 2011
I am trying to place leaves in a circle to create a flower with code. I run into some problems.Is it possible to rotate the leaves so they all rotate in the direction of the center of the flower? And is it possible to calculate how many leaves can fit around a certain circle radius without to much overlapping?
View 1 Replies
Oct 21, 2009
Is there a way to prevent a motion tween w/ rotation from dropping on the Y axis? Basically I used Free Transform to change the angle of a line, but it always lowers itself on the Y axis when I insert a motion tween in it.
View 1 Replies
Nov 13, 2011
I am trying to rotate a symbol about the y-axis, 45 degrees one direction, then back to center, then 45 degrees the other direction. Seems like a relatively simple task, except here is what happens.
Here is the object with no rotation:
Here is the object rotated exactly 45 degrees:
And here is the object rotated exactly -45 degrees:
I need the object to rotate the same as it did the first time but in reverse, otherwise "45" and "-45" are generally worthless numbers to refer to. Is it something to do with the pivot point? I made sure the registration point was in the center when I created the symbol. It doesn't seem to be pivoting the object around the center though. How do I rotate about the y-axis using a pivot point that is actually in the center and gives the same (but opposite) effect when rotating it one way versus the other?
View 1 Replies
Mar 5, 2009
When I try to rotate a movie clip along the x-axis on the default stage size (I'm using a basic rectangle right now), the rotation appears just as I expect it to. It "rolls over" with the perspective even on both sides of the rectangle.
When I try to duplicate this in a movie with different dimensions (320x480) and apply the 3D Rotation Tool, the rectangle skews to the left for some reason. (See attached .fla files)
I've tried changing the registration points on the movie clips, I've tried making new files with the "Adjust 3D Perspective Angle to preserve current stage projection" box checked both on and off, and I've tried repositioning the actual Rotation Tool, but I can't figure out what's wrong. Could it have something to do with the stage resizing?!
View 4 Replies
Feb 21, 2011
I know a matrix [x scale, y skew, x skew, y scale, trans x, trans y], and would like to get the angle in degrees.
View 2 Replies
Sep 5, 2011
I am trying to create a bar chart with an extra Y-axis that maps the %-age of the bars.[code]But i can't seem to be able to generate the second y-axis.This y-axis should have 0% at the bottom and 100% at the top. Then i will provide the data of how many % the column x has. This should be drawn as a red line.
View 1 Replies
Feb 19, 2009
How do you determine the "rotation point" (axis?) of an object?
A sprite/movieclip that has been loaded using a Loader has its rotation point set to the upper-left corner. What I want to know if how I manually (using ActionScript) set it to the center.
View 9 Replies
Feb 9, 2005
Ive made this rotation with AS. But Id like to make the bar to move from angle A to angle B smoothly.
How can I do this?
View 2 Replies
Mar 21, 2012
I am converting a Flash Web App to a Javascript(HTML and CSS) Web App. I have a cube rotation animation working but I have a problem with the perspective.My Problem: I am not sure which CSS attribute I should use to replicate the Flash versions perspective(please see the 2 images below). The 2 below images where taken while the cube rotation was occuring and you can see the difference in the perspective(the 2nd image is too wide and should look like the first). You can see a working example here(Note it only works onThe first image was taken from the flash application and displays the CORRECT perspective(that I am trying to achieve in CSS).The 2nd image is taken from my CSS, Javascript and HTML web app and the cube rotates with the INCORRECT perspective. What CSS attribute do I change in order to achieve the above images cube perspective?
View 1 Replies
Nov 27, 2011
I am trying to construct coordinates with distance in meters on the x-axis and time in seconds on the y-axis, without using the timeline. How can I draw the divisions on the x-axis and y-axis ? Or I better draw the whole thing.
var my_shape:Shape = new Shape();addChild(my_shape);
my_shape.graphics.lineStyle(3, 0xFF0000, 1);my_shape.graphics.moveTo(50,50);my_shape.graphics.lineTo(50, 300);my_shape.graphics.lineTo(500, 300);
View 9 Replies
Mar 2, 2005
I'm trying to grasp how functions and motion tweening works.
Heres my question. How do i make an object move along the y axis once it has reached its x axis target?
HEre is the code, that i got from here.
and what in this code is making the MC ease out?[code]...
View 14 Replies
Aug 7, 2009
I've put together this simple code for an SWF with three roll over images (called: Training, Resources and Contact).When I roll over Training I would like the symbol Training_txt to tween its alpha to 1 (from 0) and tween its y axis to 220 (from 83).When I roll out of Training I would like to run the two tweens in reverse.
This works fine for each of the three roll over images, so long as each tween is allowed to fully execute before a new tween is started. The problem arises if i quickly move the mouse curser between the three roll over images before the previous tweens have finished executing.In this instance, the tweened objects start to behave erratically. They usually return to their original position as per the roll_out tween but then start jumping between y axis 200 and y axis 83 (without tweening - they just appear).
Code below -
stop();
import fl.transitions.Tween;
import fl.transitions.easing.*;[code]..........
View 1 Replies
Apr 13, 2012
I'm making a chart where the x-axis needs to have dates and y-axis names. The lenght of the bar is longer when the date is later. But I want to stack multiple bars on eachother. for example This is the code I have so far
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[code].....
View 1 Replies
Jan 7, 2010
I have a movieclip and when I do 3D rotation from Transform panel, It rotates perfect, center is in the middle of image, and when I apply mc.rotationY, rotation center is in left of the image, aren't 3D rotation from Transform panel and mc.rotationY from AS same? what's up?
View 2 Replies
Mar 23, 2011
I'm trying to do some augmented reality projects with flartoolkit . I can now put simple 3d objects on my marker and it works fine , but I wanna give my project some events that the user can interact with. I'm trying to trace the rotation of the marker. there's a container:DisplayObject3D which my application uses to add the 3d objects , I traced this :"trace(container.rotationZ)" but it's just returning 0 . I studied another AR application's source code and it was using the rotation of it's container object without problem .and I think I should mention that I'm using the exercise file of seb lee delisle papervision3d course from [URL]. anyone has any experience with flartoolkit? the main functions of my my code is as below:
[Code]...
View 1 Replies
Aug 11, 2010
Is it possible to have the child movieclip rotate separate of the rotation properties assigned to the parent? so ultimately giving the child element it's own axis?I've customized Lee Brimelows (gotoandlearn.com) 3D carousel to spin on the x axis to make it a vertical carousel. I've also rotated that by 45 degrees on the y axis to see all the items, and wrote a snippet of code to hide the left portion of the carousel. The entire carousel is contained within the 'container' movieclip, and inside of that are my carousel items (as seen below), with the larger item being the item in focus.
On rollover of the item in focus, I want to rotate it so it faces the viewer (as seen below),basically removing the 45 degree rotation applied to the container.The problem i'm running into is when you rotate the container (changing the rotationX of the container), the axis basically rotates with it, so when i rollover the next item 'in focus', the following happens..(in the example where it appears how it want it to, the carousel is at a rotationX of 0, so it works fine)
View 2 Replies
Apr 21, 2009
Program A has a cannon that aims to line up with where-ever the mouse is pointing, in 360 degrees, and fires when the mouse is is clicked. Program B has an eye instead of a cannon that should in theory do similar functions when the capslock key is toggled, but instead only has a 90 degree range of motion from the Right of the eye toward the bottom (quadrant 4 only). Where did the ther 270 degrees of rotation disappear to?
[Code]...
View 4 Replies
Aug 11, 2006
i.m trying to create a 3d rotation much like the widely used carousel only the rotation i desire consist of four upright(90 degrees) movieclips resting on a slanted, 30 degree plane which rotate onEnterFrame or following a tween on a oval like path - then pause for a given number of seconds at the four movieclips positions equal in distance on the plane
function around() {
this._x = Math.cos(this.angle) * radiusX + centerX;
this._y = Math.sin(this.angle) * radiusY + centerY;
var s = this._y /(centerY+radiusY);
[code]....
View 7 Replies
Feb 23, 2009
Why isn't there the Z, rotation X and rotation Y fields in my motion editor panel?
View 1 Replies
