ActionScript 2.0 :: Image Gallery Rotating In 3D Space?
Apr 9, 2004
I am designing an image gallery to show project screenshots for a portfolio. The horizontally scrolling screenshots technique is nice, but I want to do something similar in 3D space.
When the user clicks on the screenshot buttons for the selected project, I want the appropriate image to rotate around an imaginary center, increase in scale, and fade in to full opacity.
At the same time, the other images need to rotate around the same center point and scale down while the alpha decreases. The Screenshot furthest away from the viewer would have the smallest size and lowest alpha setting. Here's a couple things that might throw a wrench into the works. I need to keep all the images facing forward (instead of rotating as if they were on a cyllinder). Also, not all of my projects have the same number of screenshots. Can I do all this with actionscript?
I am designing an image gallery to show project screenshots for a portfolio.The horizontally scrolling screenshots technique is nice, but I want to do something similar in 3D space.When the user clicks on the screenshot buttons for the selected project, I want the appropriate image to rotate around an imaginary center, increase in scale, and fade in to full opacity.At the same time, the other images need to rotate around the same center point and scale down while the alpha decreases. The Screenshot furthest away from the viewer would have the smallest size and lowest alpha setting. Here's a couple things that might throw a wrench into the works. I need to keep all the images facing forward (instead of rotating as if they were on a cyllinder). Also, not all of my projects have the same number of screenshots. Can I do all this with actionscript?
It seems that after sometime working on this i have been able to come up with something which works the way i want it too, however there's this small problem. When i hover really fast over my buttons, it feels like flash just has a meltdown and stops running the function i have inside my button onRollOut.
So i got 5 frames with names "marine", "architectural", etc
In the first frame "marine" there is the following code (i've only included 1 of the buttons, but there another 4 with identical code where appropriate):
Code: stop(); //enter current[] and goto[] //current[marine][2] -> next[architectural][3]
EDIT: It seems that after sometime working on this i have been able to come up with something which works the way i want it too, however there's this small problem. When i hover really fast over my buttons, it feels like flash just has a meltdown and stops running the function i have inside my button onRollOut.
So i got 5 frames with names "marine", "architectural", etc
In the first frame "marine" there is the following code (i've only included 1 of the buttons, but there another 4 with identical code where appropriate):
Code: stop(); //enter current[] and goto[] //current[marine][2] -> next[architectural][3]
I have an image that doesn't fill the <mx:Image> tag because it's not the exact dimensions (it is too short) and I have maintainAspectRatio set to true:
The <mx:Image> tag has a fixed width and height (it's 100% of the tile size--this is in an ItemRenderer). How do I get the image to sit on the bottom of the <mx:Image> tag?
Here my attempt at creating the Kirupa's Spinning Images gallery. I'm so damn close it somewhat works, I'm still having trouble with the rotational calculations. Not sure, but I think I might be passing the wrong values from the onRelease to the enterFrame loop?
spin3a.fla var world:Array = []; var rotate = 0; var fl = 1000; var clip; function spin() { [Code] .....
i am trying to add extra images to the photo gallery attached. I would have thought it is easy and it seems so. I add an extra image to the gallery. I publish it. The html file shows the extra image in the gallery but the swf doesnt. driving me crazy, cant work it out?
I've made a gallery slideshow before but wasn't as intuitive looking back at it now and I want to start fresh on this new project. I would like to convert a jQuery lightbox style gallery into a flash XML based AS3 image gallery with categories. I don't want to code the FLA, I want separate AS files.
This is a school project for my website. I would use jQuery and I have more experience with it but this project needs a flash component. I'm just not sure where to start and looking for some advice on how and where I could find resources. I want it to be minimal as I can make it;
- 8 thumbnails to a "page/section" with more flowed into page 2 or 3 etc. (or a srcoller)
- a few buttons for categories
- images fading in full size with a description when hovered over and a close button
- preloader (simple bar)
Esentially something like this > http:[url].........works which is using http:[url].... for the thumbnails. That might be ambitious but I'd suffice with a simple fade effect.I've downloaded some galleries out there but most of the code is messy or outdated.http:[url]... this is alright, but all the code is done in the FLA. I might break it into AS files but it depends.
When insert an image into TLF in flex3, I found that image in TLF is displayed in a square area. so there is some space at the top of the image. See the attached image for this problem. How to remove this space? I try the following method, But it doesn't work!
Background info: I am using ActionScript 2.0 and Flash CS5I was working on a game and I used photoshop to save a little gif image. I imported it into flash, "broke it apart", turned it into a movie clip, and put this bit of code on it. It rotates the image when the mouse is moved around it.
Code: onClipEvent (enterFrame) { // find x and y differences
I have an image that I want to rotate in 3D space when you move the mouse. This seems easy enough, and I have it mostly working. The problem is, it seems like Flash's 3D camera isn't oriented towards the image. The image is inside a MovieClip so that the center of the image is at 0,0 in the MovieClip, and the MovieClip is located at stageWidth/2,stageHeight/2 -- so it's in the centre of the stage. But if you move the image backwards in z-space, the image doesn't look like it's scaling down, which is what you'd expect -- since it's moving away from the camera -- but instead, it moves up and to the left as it moves backwards.
Does anyone know why the camera isn't oriented towards stageWidth/2,stageHeight/2? How do I make the image move directly away from the camera in z-space? Or am I just stupid for not giving up and trying to learn PaperVision?
I have a disc I am rotating with the mouse with event.MOUSE_MOVE, like a jog wheel on some audio equipment. Everything almost works as expected, but the problem I am experiencing is that the disc always jumps to the point where the user clicks on the disc. I need the point on the disc that the user clicks on to remain under the mouse while the user spins the disc but I can't seem to come up with the correct math to make it happen. Here's the code i am using:
var xd = (_knob.x - _stageRef.stage.mouseX); var yd = (_knob.y - _stageRef.stage.mouseY); var radAngle = Math.atan2(yd, xd); _knob.rotation = int(radAngle * 360/(Math.PI * 2) - 90);
_knob is a vector circle wrapped in a movieclip, with the circle centered on the movieclip's reg point. _stageRef represents the main stage.
I found this code online and he achieved a particular movement I want to use. Unfortunately, he's using numerical values instead of text. I followed all of his instructions, but I tried to replace the Vector with an array, and received an error. The error I have been receiving is "1199:type parameters with a non-parameterized type." That's because I added an array value instead of an vector, which this guy has done. What he has in his tutorial is correct with numerical values. Also he created a .as class called Item.as. Here is the AS code that is in the main timeline in a new layer called actions of my .fla file called rotate.fla:
//Save the center coordinates of the stage var centerX:Number=stage.stageWidth/2; var centerY:Number=stage.stageHeight/2;
I have a row of images that are loaded in next to each other in one long row. When the images have been loaded in, a saturation filter is applied to them. When this saturation filter is applied, a gap appears between some of the images? (the background is yellow, so a yellow gap appears).
how to rotate an image loaded using CameraRoll on an AIR for iOS app. This code below works fine (displayImage() is called when CameraRolls media event returns completed, and imageArea is the scrollPane where the image is shown.
function displayImage():void { var image:Bitmap = Bitmap(imageLoader.content);
[Code].....
With the second version the image seems to load because the scroll bars expand to the size of the image I choose, but I don't see anything on the stage.
I got an error saying "Attempted access of inaccessible method rotation through a reference with static type flash.display:Sprite.ssd.rotation(90)}" I just want to know how to rotate my image by 90degrees when I double click on it.
var shootingstar:Loader = new Loader(); shootingstar.load(new URLRequest("http://i51.tinypic.com/m8jp7m.png")); shootingstar.contentLoaderInfo.addEventListener(Event.COMPLETE, onLoadingComplete); var ssd:Sprite = new Sprite();
how to rotate about the center an image loaded dynamically through AS? I've already asked this question, no one answered, I searched, searched some more, looked through my fairly voluminous collection of example flas and have come up with nothing.The following code does rotate a mc about its center, but only (apparently) if the mc contains something when the swf loads.
Code: onClipEvent(load){ this.rotation_speed = 2; function origin(){[code].....
I have 2 images, a base and a top. I want the top to rotate to face an object but the base to remain constant. I can get close but when the top rotates it is rotating around the corner of the rectangle it is placed inside of rather than the center. Here's the AS code for the object.....but the important elements are bolded.
public class Turret extends MovieClip{ private var _root:MovieClip; [Embed(source='mortarbase.png')] private var mortarBase:Class; private var mbase:Bitmap = new mortarBase(); [Code] .....
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;
I am having a quality issue when rotating images dynamically loaded into movieclips. I am not resizing them. I am only rotating them. I have tried applying smoothing to the bitmaps, but that has not helped.
I have a gallery where passing over the image a rectangle drops down showing the caption for the image. The informations are read from an XML file and some of my images don't have a caption, for those emails I want to avoid the tween.
I'm trying to find out how to make a simple image gallery which changes image upon a mouse click on a button, when a button is pressed I want the image to slide in from the left into the viewable area and then when another image is selected I want the previous image that was viewed to remain in the screen and then the new image slide across over the top to replace the image.
I can get the images to slide across from the left upon a mouse click however I can't change the layer order so if image 6 is viewed and then I click to see image 1, the image will slide into place however it will be below image 6 so therefore not viewable.
I don't have an example of what I'm after but I hope my explanation was good enough, I've seen this been done in javascript but I have to use flash and am unable to replicate the effect I'm after
I have this piece of code to change images. I was trying to figure out how you could put a timer on the code, so if the image has been displayed for say 5 seconds it diverts to the next image automatically? Also if it's not to hard, when it has played to the end to divert to the 1st image.
I am writing a program that need to load photos. However, there is limitation in flex that users cannot load photos with pixel above 4069 x 4069 into a bitmapdata. How can I check photos pixel before running to error? Since some pictures are big nowadays, I would like to check the user's system memory and free harddisk space. See if the computer have enough space to load the photos.
Basically I would like to tween a retangular 2D image on the stage, but also make it look like it is wrapping round on itself.A visual example of the effect I mean is here: [URL]Imagine the above is a rectangular shape being tweened from Right to Left, but when it reaches the left it wraps round as in the picture.Is this possible with Flash CS4 & AS3 or does it require some special add-on?
Just wondering if anyone knows about the project I am trying to start, uploading images from flash using php is fine but wondering if anyone knows how to create dynamic xml from php and it takes all the image names from the same folder where those images have been uploaded. So we can load all the images in image gallery through xml into flash.
I have found an excellent tutorial and source file for a 3D image gallery. However I would like to make the thumbnail click thorugh to a url link when pressed rather than loading the image into the gallery.
Currently the images load in through actionscript. Is there a way to amend this script so you can specify that a thumbnail clicked links through to a url, like you would with a normal button instance rather than loading the image. Here is a link to the file and tutorial. The actionscript is on the top layer within the file.[URL]...
