Posts Tagged ‘collada’

This is to be the first of many tutorials on different shaders, and how they can be applied to dae files. Most tutorials you will find online explain how to add shaders to basic papervision objects, but not to DAE (COLLADA) files.

To begin with, we will start to learn about the simpler shaders, such as wireframe and solid colour shaders and work up to more complicated shaders such as envMapMaterial (environment material) shaders and Movie clip shaders.

All tutorials will be explained with the COMPLETE source code to allow you to get it going on your own machine!

Creating the initial project .Fla and .as Global files

These files will help link in all shader files so that you can learn how to add different shaders to more that one dae file, or different shaders to the same dae file.

first off, we will create an empty .FLA file (this will allow us to read the .as file we will make
and will help us run it!)

File > New (ctrl+N)
select Flash File (Actionscript3) and click ok.
Now save that under whatever name you like.

Now we need to create an Actionscript file (.as)
File > new (Ctrl+N)
select Actionscript File and click ok.
Now save this using whatever name you like – I will call it

It is in this file where we will write our code. but first we need to link
it to the .FLA file we made earlier.
click on the tab to open your .FLA file and look near the bottom of your screen, in the
properties tab, for something called Document Class in the text box to the right of it, enter
your .as file name – in this case “Shader” (without the quotes) and click on the little pencil icon to scan for the file.

You will see a pop up message, just click OK to close it. 

In this Tutorial, we now have yourfile.FLA and a file.

The file will be the Main file that will link all the other .as files

To find the Relevant Shader Tutorials, please use the drop down menu from the tabbed links at the top of this page, titled Papervision Tutorials.

This tutorial is an expansion on Loading 3D objects created in Max (using COLLADA)…

There are 3 main methods that can be use in Flash Actionscript to import bitmaps (i.e. textures)
BitmapAssetMaterial doesn’t work because the function expects a linkage id, linkage ids were in as2, not as3. so this will never work (I think).
BitmapFileMaterial Just links to a url file and therfore doesn’t need anything in the library.
BitmapMaterial is the one to use when you have a bitmap in the library. it expects a Bitmapdata object.
so, to get it to work with a material called examplematerial in the library with the class name examplematerial use:
BitmapMaterial(new examplematerial(width, height));
changing the width and height to the dimentions of the examplematerial image.
Also, this is assuming your examplematerial parent class is bitmapData (the default for an image so it should be).
So if you find that for some reason BitmapFileMaterial is not being loaded from your .DAE file, then simply change it and use BitmapMaterial.
To do this firstly in your .FLA file in the toolbar:
File > Import >  Import to Library
select your texture file and choose ok (I would use a .PNG file type, as they keep file sizes small, allow for transparency, and retain original quality)
once your texture is imported into the library make sure you right click it and select Linkage…
this will pop up with a window, make sure you have the relevant boxes ticked and have filled in the Class section with the name of your texture, in this case “examplematerial”
once this is done, go back into you .as file and add the following lines of code:
var myobjMaterials:MaterialsList = new MaterialsList();myobjMaterials.addMaterial(new BitmapMaterial(new sacktexture(1024, 1024)));

and thats all there is to it!

This tutorial will show you how to basically import a 3D object into Flash, using Papervision.
IF you are completely new to this (i.e. need to know how to set up flash and PV3D, then please follow this tutorial steps 1-4 and read the beginners guide to creating your first 3D shapes here – if you want to know how to export 3D files into the COLLADA .DAE format that papervision read steps 2 -3 here.

This tutorial, assumes that you have read the other tutorials linked above, that provide full explanations for beginners!
In order to import a 3D object, you need to convert(export from 3Ds Max – COLLADA max extension can be downloaded here) it into a .DAE (COLLADA) file that papervision can use,  we will then use AS3 to read this file, and import the model.
import org.papervision3d.view.BasicView; 
//For importing objects  
import org.papervision3d.objects.parsers.Collada; 
import org.papervision3d.objects.parsers.DAE; 
import org.papervision3d.objects.DisplayObject3D;

 [SWF(width="640", height="320", backgroundColor="#000000", frameRate="60")]

 public class import3D extends BasicView 
public function import3D()  
var myFirstObject= new Collada("myfirstobject.dae");   
//Set different scales, if your models is too small or too big   
myFirstObject.scaleX = 8;   
myFirstObject.scaleY = 8;   
myFirstObject.scaleZ = 8;   
//rotate object if you want it at a different angle   


And thats all there is to it! – very simple once you know how – keep an eye out for the next tutorial – TEXTURING! :)

subscribe to my RSS feeds, to get the latest updated tutorials!
UPDATE: A better a more complete tutorial can now be found here:

To Load .DAE files – simply use this code in Flash AS3:

import org.papervision3d.objects.parsers.*;
import org.papervision3d.objects.DisplayObject3D;
private var modelDAE:DAE;
private function load(){modelDAE = new DAE( );modelDAE.texturePath = “”; // assume that textures are in main DAE’s foldermodelDAE.load( “path/to/file.dae” );
modelDAE.addEventListener( FileLoadEvent.LOAD_COMPLETE , ldrComplete );}
private function ldrComplete( e:Event ):void{try{model = DisplayObject3D( modelDAE );
catch( e:TypeError ){loading = ERROR;return;}//And then you simply call the load

There are no error handlers in this code, only the basics of importing a model and loading it in flash. – more detailed tutorials will come soon with user interaction!

sign up to the RSS feed to find out when i have released it!
I Scoured High and Low to find out how to use Papervision and Collada with Flash CS3, so I thought i would share with everyone how i managed to do it.
Firstly this Tutorial is designed for use with 3Ds Max 9. With Adobe Flash CS3.
Once you have established that you have the above two programes, you can now proceed to the tutorial.
To get everything up and running is easily followed by 4 easy (when i say easy, i mean it took me 2 days to get it right) steps:
  1. Use an SVN client to download Papervision deposetries
  2. Install ColladaMax extension on 3Ds Max
  3. Convert models into .DAE files
  4. add PV3d (Papervision3D) component to Flash via the Extension Manager
1 – Using SVN
firstly – to get hold of the latest papervision files, you need to use an SVN (subversion) client, the recomended one to use is Tortoise SVN.

  • download and “install” it (once installed it will appear in the right click menu in windows  – it does not technicaly appear in Programe folders)
i.e it is a windows extension files and the menus appear in windows eplorer.

  • Create  a new folder, and call it Papervision3d “or whatever you want to call it.
  • right click the folder and chose SVN Checkout
  • direct the folder to
  • Choose which directory you would like to install it in, and click ok – now the SVN should be doing all the work downloading the PV3D files into your specified directory.
2 – Downloading and Installing ColladaMax extension
  • but for a direct download of the ColladaMax extension click here
  • once this is downloaded and installed in 3ds Max, you can now start exporting models

3 – Exporting .DAE files

  • As Papervision only reads .DAE files you need to export your models as .DAE this can be done by:
  • Click File > Export , then select COLLADA (*.DAE)
  • Make sure that, if you have more that one object in the scene that it is all connected as 1 object. and for Textures, use UVW mapping  and apply it to the DIFFUSE channel in the material editor – otherwise texturing wont work.
4 – Adding PV3D component to Flash CS3
  • download the component here
  • Open up Adobe Extension Manager, If you dont have it, you can get it from the Adobe site download it here
  • once installed hold down Ctrl + O to add a new extension, browse to the component .MXP file that you just downloaded and click ok
  • Open up Flash CS3, and now you should have PV3D in the Components window
  • To gain access to the PV3D panel  – in the toolbar click
Window > Other panels > PV3D Panel
for more information on this you can visit this blog
more information can also be found here
And thats it!
Now you can start with Actionscript 3.0 and get it on with PV3D!
Follow me on Twitter
free counters
PayPal Donation
If you like this blog and the help it has given you, why not donate for this good cause? Click on the button below to pay Safely and Securely through PayPal.