3D with AS3 : Help on re-coding a Kirupa example

programming flash
1

Hello everyone,

Can some please help me recoding a great 3D example found on kirupa (originally written in AS2) in AS3 ?

Here is the linl : http://www.kirupa.com/developer/actionscript/shape_camera.htm
It’s the example with stars at bottom of page.

Here is the code I’ve changed so far :


// create a scene movieclip to contain all 3D elements
// and center it on the screen.
var theScene:MovieClip=new MovieClip();



theScene.x = 150;
theScene.y = 150;
theScene.depth = 1; // variable to control depth placement

// define s function to set the target of the cameraView
// when you select the star (onPress)
selectStar = function(e:MouseEvent):void {
    cameraView.target.x = this.x;
    cameraView.target.y = this.y;
    cameraView.target.z = this.z;
}

// this is the function for displaying the star onscreen
displayStar = function(cameraView, focalLength){
    var x = this.x - cameraView.x;
    var y = this.y - cameraView.y;
    var z = this.z - cameraView.z;
    if (z < 0){
        this.z += 5000;
        this.x = 500-Math.random()*1000;
        this.y = 500-Math.random()*1000;
        x = this.x - cameraView.x;
        y = this.y - cameraView.y;
        z = this.z - cameraView.z;
    }
    var scaleRatio = focalLength/(focalLength + z);
    this.x = x * scaleRatio;
    this.y = y * scaleRatio;
    this.scaleX = this.scaleY = 100 * scaleRatio;

    swapChildren(Math.round(-z));
    
    
};

// define array to hold the objects in the scene
objectsInScene = new Array();

// loop through and create 10 stars randomly in the scene
for (i=1; i<=10; i++){


    
    //attachedObj = theScene.attachMovie("star", "star"+i, theScene.depth++);
    addChild(theScene);
    attachedObj = theScene.addChild(new star());
    //attachedObj = theScene.addChild(star);
    //star.depth = depth++;
    
    attachedObj.x = 500 - Math.random()*1000;
    attachedObj.y = 500 - Math.random()*1000;
    attachedObj.z = i*500;
    attachedObj.buttonMode = true;

    
    attachedObj.addEventListener(MouseEvent.MOUSE_DOWN, selectStar);
    attachedObj.display = displayStar;
    objectsInScene.push(attachedObj);
}

// now make a camera object to serve as the users view or camera
// position within the cockpit of the car
cameraView = new Object();
cameraView.x = 0;
cameraView.y = 0;
cameraView.z = 0;
// set a target object in the cameraView to represent the positions
// the camera is easing to in its movement
cameraView.target = new Object();
cameraView.target.x = 0;
cameraView.target.y = 0;
cameraView.target.z = 0;

// define focal length
focalLength = 40;

// function controlling the camera ease and all displaying
// for objects in the objectsInScene array
easeToTarget = function(event:Event) {  
// ease each camera point to its target point
    cameraView.x += (cameraView.target.x - cameraView.x)/5;
    cameraView.y += (cameraView.target.y - cameraView.y)/5;
    cameraView.z += (cameraView.target.z - cameraView.z)/5;
    
    // run the display function for each object in objectsInScene array
    for (var i=0; i<objectsInScene.length; i++){
        objectsInScene*.display(cameraView, focalLength);
    }
};

theScene.addEventListener(Event.ENTER_FRAME, easeToTarget);

Thank you !! :bounce: