Create A 3D Effect for the FLVPlayback Component Without ActionScript

Use 3D On A FLVPlayback Component

To create the 3D effect for the FLVPlayback Component.

• Find or create a 3D screen
• Draw a rectangle and match it to the dimension of the original video, then convert it to a movie clip.
• Use the 3D tools to match the screen area size and shape.
• Enter the timline of the movie clip, make a new layer and place the FLVPlayback component on the stage.
• Configure the properties of the component.
• Delete the other layer inside the movie clip.
• Test your new 3D video.

Away3D and Flash Builder 4

This four part tutorial was created by Mike Lively.

Creating the Project

First, create a new Actionscript Project to hold your code (File -> New... -> Actionscript Project). In Flex you have the same two options as with Flash, either copy "away3d" and "nochump" folders into your project folder or link to a folder on your filesystem.  If you chose the SVN option or want to link to a folder on your system, follow these steps:

• Right click the project you just created and select Properties.
• Select "Actionscript Build Path", click "Add folder..." and browse to the location of the Away3D source code.
• Click OK to close the dialogue box

Download Away3D

Download latest tween engine. (Version 2.5.2 / 3.6.0)
More Away 3D Tutorials.

Using Images in a Cube in Away3D

Creating and Texturing a Cube.

Tween example is from Active Tuts

We will create a cube using the Away3D engine. You can also use images on the cube's faces and make the cube rotate.

• Create a new ActionScript file and Flash AS3 file
• Name the ActionScript MyCube and enter the name in the FLA document class
• Place the Away3D engine in the same directory

Creating the class

package
{
import flash.display.Sprite;
import flash.events.Event;
import flash.display.Bitmap;

import away3d.cameras.*;

import away3d.containers.View3D;
import away3d.primitives.Cube;
import away3d.materials.BitmapMaterial;

import away3d.core.utils.Cast;

public class MyCube extends Sprite {
private var viewport:View3D;
private var cube:Cube;
//The source image can not be from a URL and must be local
[Embed (source="skin.jpg")] private var myTexture:Class;
private var myBitmap:Bitmap = new myTexture();

public function CreateCube01() {

viewport = new View3D({x:200, y:200});
addChild(viewport);

var myMaterial:BitmapMaterial = new BitmapMaterial(Cast.bitmap(myBitmap));
cube = new Cube({width:150, height:150, depth:150, material:myMaterial});

viewport.scene.addChild(cube);

this.addEventListener(Event.ENTER_FRAME, renderThis);

}

private function renderThis(e:Event):void {
viewport.camera.rotationY=mouseX/2;
viewport.camera.rotationX=mouseY/2;
cube.rotationX +=1;
cube.rotationY +=1;
cube.rotationZ +=1;
viewport.camera.moveTo(cube.x,cube.y,cube.z);
viewport.camera.moveBackward(500);
viewport.render();
}

}

}

Download Away3D

Download latest tween engine. (Version 2.5.2 / 3.6.0)
More Away 3D Tutorials.

GTween Tweening and Animation Library for ActionScript 3

Click on a square to follow it, click on the background to reset the camera back to its original position.

Tween example is from greenthumb

GTween V2.01 is the newest released. Version 2.01 is a minor update that adds support for AS3 events, allows multiple callbacks at the same position on a timeline, introduces a version property, and fixes a number of bugs reported by users.

Demos

Advanced Sequencing Demo
Timeline Animation Synchronization Demo
4kb 3D Image Wall Demo
Tween Interrupt Demo
Color Adjust Plugin Demo
Motion Blur and Simple Sequencing Demo

Download

Download latest build of GTween. (Version 2.01)
The gskinner Home Page.

Papervision3D & Swift 3D Resources and Tutorials

Papervision3D (PV3D) is a popular open source 3D engine for Flash. You can create advanced three-dimensional objects displayed real time right in the web browser by using of it. It will bring an impressive visual experience and user interaction to the web visitors.

Papervision3D downloads:
PV3DComponents_v2.1.mxp
Papervision3D_2.0.883.swc
Papervision3D_2.0.883.zip
Papervision3D_2.1.920.swc
Papervision3D_2.1.920.zip

Papervision 3D Flash programming tutorials

A series of articles that show you how to use the Papervision 3D engine to create Flash 3D effects in your web pages from brighthub.com..

• 1. Papervision 3D Programming Tutorial - Loading and Displaying a 3D Model
• 2. Papervision 3D Programming Tutorial - Particle Systems with Flint
• 3. Papervision 3D Programming Tutorial - Modify Textures At Runtime
• 4. Papervision 3D Programming Tutorial - WOW Physics
• 5. Papervision 3D Programming Tutorial - Shading
• 6. Papervision 3D Programming Tutorial - Effects
• 7. Papervision 3D Programming Tutorial - Animated Textures

 

Papervision3D v2.0 and Collada .DAE Format Support Is Papervision3D too complex for you? Let Swift 3D MAX do the work for you by creating the PV3D project for you. Swift 3D MAX exports directly from 3ds Max to the latest Papervision3D v2.0 spec and Collada .DAE format, while automatically creating the full Papervision project for you in one simple export. Just compile the resulting FLA in Flash and you're ready to publish your real-time interactive 3D model, textures and all, to the web.

Flash 3D Engine Tutorial : Papervision3D and Swift 3D Mouse Interaction