ActionScript 2.0 :: How To Pan Image Both The X And Y Axis'
Nov 17, 2006
I want to make a portfolio for myself but the only problem is that I cant seem to find any tutorials on how to pan an image both the _x and _y axis'. Ive followed a tutorial by URL... but that only does the x axis, and when i tried to make my own AS for the y axis i got it to pan up and down.. but it would just keep going down and the side you went to was inverted so that if you went to the right it would go left. Also I was wondering if there is any tutorial on how to make a 2d/3d bg like the one found here:URL...e.g. how the things in the BG seem to scroll over eachother depending on position of the mouse.
I want it to while still easing into place like the iphone does. For example my stage is 550px. The drag and throw MC is 1650. That's 550x3. If the first image is showing starting at x axis 0 and you drag to the left it will ease into place stopping and showing the second image stopping the image at x axis 0. And the same thing scrolling to the next one and scrolling back. So the code is below and I've attached the movie that I'm working on.
I am trying to use a matrix to stretch an image along its X and Y axis. My code looks like this:
Mat = new Matrix(); Mat.createBox(MyScaleX, MyScaleY); MyBitmapData.draw(MyDisplayObject, Mat);
When I change MyScaleX, there is no change to the scale. However, the image location gets shifted. When I change MyScaleY, both x and y get scaled. I have also tried to use:
Mat = new Matrix(); Mat.scale(MyScaleX, MyScaleY); MyBitmapData.draw(MyDisplayObject, Mat);[ code]....
I am trying to rotate a image using rotationY but it always rotates based off of the left side of the image is there a way to change the rotation point to be the center of the image? Is seems like you should be able to use the transformAround() method but I am having problems finding a example of the transformAround that has to do with images. Does anyone have any examples of how do this or am a going about this the wrong way? What i am trying to do is build a slide show that rotates around and you tap on the images to enlarge.
i have 2 buttons and one large image. this image has about 10 product images inside of the clip.here is the idea...i want to click on the move left or move right button, clicking on the button will move the MC containing the Product Images to the left or right.the thing i am not getting is normally when i move stuff on the X-axis i have more than one button and attach the actions to each button. but i only have two buttons now. one for left and one for right. now i am confused.
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].
The idea is I have 3x3 containers(Sprites) - each one holds 2 tiles of 2 two images (shown one and unvisible - laying behind) . So there are 9containers and 18 tiles. When I click on the image I get rotation of the containers, and when every container is about 90 degrees, its childs swap each oher. So in result I get second image shown. But unfortunely then, shown image is rotated by 180 degrees, that means its left side is on the right. Pre rotating containers ( of tiles gives total mess, as middle tiles seem to be right, but left side of the image and right doesnt match to rest.So I need to rotate tiles, which are bitmapData - parts of Bitmap. But I can not rotate them - there is no property .rotationY for bitmapData, and I can not use matrix's rotate() method as it traits only angle rotation and not axis rotation.If I rotate by Y axis the bitmap before slicing it to tiles nothing happens, so I guess draw method relies on default Bitmap.
So Q : How can I rotate on Y axis a bitmap to have mirror reflection of the image and then apply it reflected to the as a .bitmapData property and slice it to small pieces.
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);
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).
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
I am getting the following error when trying to move a Move Clip on it's x axis by a value of 5.:TypeError: Error #1010: A term is undefined and has no properties.at flashmovie_fla::MainTimeline/mouseDownHandler()[code]
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.
Does anyone know how I'd go about moving MCs (that are dynamically added to the stage via code) through the Z axis?
I am using a fair few visual layers and some MCs when moved around are behind others. I wanted to re-arrange the layer priorities of them, if that makes sense?
how can i get the images in xml file loaded in flash well, ive attached the image. thmovie clips are just on going on the x axis which is going off the stage how can i get the images to go below as image attached on the x and y axis. in a box format
just working on making my footer playable.got the ship shooting and moving ok, though i would like the ship to only move in the x axes. what do i have to add to this code used to replace the mouse and move the ship_mc.
referring to Pom's tutorial on gravity (up and down), I was wondering how to alter the code to make it so that the object moved and bounced along the x-axis. I tried this:
Code: onClipEvent (load) { gravity = 2 ; // We get the time when the ball is released for the
make some kind of Compass and I want to know how I could make the needle spin around its own axis with one of the ends following the mouse pointer. how could I do that?
I am using this actionscript to obtain full screen flash in AS2 but am having problems positioning mcs on the y axis (the x is no problem).
[Code]...
I am trying to get the mc "buttons" position in the top right of the browser window but I cant get the height value correct. When the width is used on its own it works perfectly.
I just upgraded to CS4. I'm now trying to figure out how the z axis works.I have a little project in which I have multiple different colored squares that, when rolled over scale up with tweenlite. However as it is right now, the box that is moused over does not appear "in front" of the other boxes. Is this something that can be achieved with the z axis?
The tutorial shows how to make the movie clip slide on the horizontal (x) but how do I configure the code to use both horizontal and vertical (y)?I know this is asking for alot but I really am a novice at this actionscript stuff Do I just add a dest=" _root.ynew ;" and "pos = this.y ;" some how to this code?
stop () ; MovieClip.prototype.move2 = function () { dest = _root.xnew ; pos = this._x ;
I want the menu to follow the mouse, but only up and down. I just can't figure out the code.so far is a simple start drag, in and onClipEvent handler... i can't figure what to use..._y, or _ymouse. and where do i put it?
What I'm trying to do is something of a jumping character in a platform game. My problem is that no matter where I place the character, it's jumping to a certain height on the stage, rather than to a height relative to the movie clip's original position. As if I'm telling it to jump to a global y coordinate, when what I really want it to do is move it "n amount" in the y direction. Here's what I have so far, this is the code I placed on the movie clip itself.
I'm using CS3 with ActionScript 3.0. What I want is simple, and I've done some searching but nothing that can get me the right results.I'm going to post a link that does exactly what I want: http:[url]......This rotates the circular object around a center point in a way that you can distort the object yet is still remains turning in a circular motion. A simple motion tween rotating the image will only work if the object is perfectly round, so distorting the object to make it more straight or curved won't work with a simple tween. I want to do exactly what is happening here (with my own object), is there some AS3 behind the scenes here making this turn on a center point?
i'm trying to use actionscript so i can make an object move up and down the Y axis by inputing numbers into a textbox. However at the moment my object starts in the centre and then when i enter a number it only goes down, and im not too sure how i can use negative numbers to make it travel up the y axis. I was thinking of using the numbers -10 - 10 so -10 would go down and 10 go up. Here is my code
Actionscript Code: // EXAMPLE WHERE TEXTBOX USED TO POSITION A BALL ON THE STAGEpackage { import flash.display.Sprite; import flash.display.Stage; import flash.text.*;
