Emanuele Feronato

Talking about Flash and Users contributions.

Today it’s the time to publish a demo/prototype of a 3D mouse-controlled cube sent by Andre Marianiello.

It was made with code from the 3D tutorials on www.kirupa.com that I formatted into easy-to-use classes. Easy to make simple changes if that would be more agreeable to you. I will send source code if you want, but you don’t have to publish it (unless, of course, you want to).

As usual, Andre commented the code to make it more readable for us all

This is the main actionscript

import Space3D.*;
#include "customFunctions.as"
//to hold clips
this.createEmptyMovieClip("space", 1);
//center origin
space._x = Stage.width / 2;
space._y = Stage.height / 2;
//hold x,y,z values of the 8 points to make a cube
pointsArray = new Array();
pointsArray.push(new Point3D(-100, -100, -100));
pointsArray.push(new Point3D(-100, -100, 100));
pointsArray.push(new Point3D(-100, 100, -100));
pointsArray.push(new Point3D(-100, 100, 100));
pointsArray.push(new Point3D(100, -100, -100));
pointsArray.push(new Point3D(100, -100, 100));
pointsArray.push(new Point3D(100, 100, -100));
pointsArray.push(new Point3D(100, 100, 100));
//attach 8 clips to space's 0,0 (center of screen)
for (i = 0; i < 8; i++) {
	attachedObj = space.attachMovie("ball", "ball" + i, i);
}
//move camera towards you (comment out the next line if you want to be inside the cube
Camera3D.z = -200;
rotateCube = function () {
	//rotation of cube determined by _xmouse and _ymouse
	var xrot = this._ymouse / 900;
	var yrot = -this._xmouse / 900;
	//rotate all the points
	Universe3D.rotatePointArray(pointsArray, xrot, yrot, 0);
	//convert the 3D points to 2D points
	screenPoints = Universe3D.toUniverse2D();
	for (var i = 0; i < screenPoints.length; i++) {
		var cur_ball = this["ball" + i];
		//attach a ball to each point
		screenPoints[i].moveClipHere(cur_ball);
	}
};
space.onEnterFrame = rotateCube;

And this is the content of the customFunctions.as file

Object.prototype.toString = function() {
	//set empty string to be displayed
	var string = "";
	//cycle through properties and functions
	for (var i in this) {
		//if not a function
		if (typeof (this[i]) != "function") {
			//add the property name and value to the string
			string += i+":"+this[i].toString()+", ";
		} else {
			//else add the function name and "Function"
			string += i+":Function, ";
		}
	}
	//don't include last comma and space in final string
	string = string.substring(0, string.length-2);
	return string;
};
MovieClip.prototype.lineHitTest = function(x1, y1, x2, y2, pre) {
	//find difference in x
	var x = x2-x1;
	//find difference in y
	var y = y2-y1;
	//find distance between points
	var dis = Math.sqrt(x*x+y*y);
	//when pre(precision) equals 2, it checks every 2 points
	//therefore, the number of point equals dis/pre
	var num = dis/pre;
	var xinc = x/num;
	var yinc = y/num;
	//vars to hold current point
	var tx, ty;
	if (num) {
		for (var i = 0; i<=num; i++) {
			//if pre equals 2 and distance is ten, then 
			//we find a point 1/5 of the way down the line.
			tx = x1+i*xinc;
			ty = y1+i*yinc;
			//if the point(tx, ty) touches the movieclip we're testing
			if (this.hitTest(tx, ty, true)) {
				//return true because the movieclip is on the line
				return {x:tx, y:ty};
			}
		}
	}
	//return false because none of the tested points hit the movieclip   
	return false;
};
Object.prototype.clone = function() {
	//empty object
	var temp = new Object();
	//for each propety in the going-to-be-cloned object
	for (i in this) {
		//copy property name with value to new object
		temp[i] = this[i];
	}
	return temp;
};
Array.prototype.clone = function() {
	//empty array
	var temp = new Array();
	//for each value in the going-to-be-cloned array
	for (i in this) {
		//copy value with index to new object
		temp[i] = this[i];
	}
	return temp;
};
Array.prototype.sum = function() {
	//empty num
	var total = 0;
	//for each value in the array
	for (i=0; itop) {
		return top;
	}
	return num;
};

Move the mouse to rotate the cube

Can be useful for a preloader, or a screen saver, or maybe you'll find another use of it.

Take the source code and enjoy