Create and publish
interactive 3D content online
with Sophie 3D engine
Flash Component
and Actionscript
Showcase
July 18, 2011
realization by: Nicolas Lorut
Miniby.me - car configurator
June 01, 2011
realization by: www.westimages.com
Eurocopter - Paint configurator
January 01, 2011
realization by: www.pinx-design.com
Energiesparhaus
June 01, 2011
realization by: www.westimage.com
Sun Odyssey 44DS
January 01, 2011
realization by: www.westimages.com
Airbus
January 01, 2011
realization by: www.xosystem.org
Photoviva - iPhone Cover Maker

How to create a 3D scene and export it as DAE file format.

In this section we will show you how to create 3D contents for Sophie 3D  from your own 3D modelling program and how to export to COllada DAE file format.

Most 3D modelling programs can export to dae format. 

The Collada dae format is composed by 1 file ".dae".

If your 3D model uses textures place these texture files into the same folder as your model dae file.


Preparing Your 3D Scene for Sophie3D flash engine

These tutorials are designed to help you in getting your models looking good in Sophie 3D.

Create a 3D scene into your 3D software and export it to DAE File Format:  It's as simple as that. However, to get the best out of your models and resolve some common problems you should know the following.

If you use images as textures in your 3D models, place these files inside the same folder where you keep the "yourprojectname.dae" file. 

The DAE file format will store the lights that you have created inside the scene in your 3D software.
These "lights"  will be omni-directional point lights.
The size of your model

The default view in Sophie 3D is the Front View of a 3D model within a 5 x 5 unit bounding box (-2.5,+2.5). The model should easily fit within that space. This means that if the units in your document are based in millimeters, 20 millimeters in Sophie 3D will be read as 20 units, so making your model too large and you will not be able to view the model inside the scene.

If you do not want to resize your model you can also scale the scene when you load it into the sophie 3D calling the actionscript command:

sophie3d.loadScene(  url : String  , scale : Number  );


Shadow Planes

If you want to create shadow that can be read by Sophie 3D you have to create 3d plane and apply to it a material named "yourMaterial_shadow" 

The shadow under the car that you can see in the example above was created by copying the image from the "Top view" in the Sophie 3D Player, opening that image in Photoshop, remove the background colour and use the shape of the model to form the image of the shadow. Apply a filter to blur the edges and give the layer some transparency.
 


N.B. For a simple top light the 3D plane called "plane" should have the same aspect ratio as the image. The shadow image needs to be saved in png 24 bit Format.


Hotpoint

To create hotpoints  that can be read by Sophie 3D you have to create an object ( like a simple cube ) within the 3D modelling program naming it "myModelName_hotpoint". The end part of the name ( _hotpoint ) is key to transform the cube into Flash 2D Symbol placed on scene. 

Remember to indicate the symbol library class that will be used as 2D graphic by

XOS_HotPoint3D.defineInstance2DClass( MyHotPointSymbol );
 




Compressing the Collada DAE Model in ZDAE Format

The "Sophie 3D Component PRO" has a special DAE to ZDAE compressor.

Sophie3D's Compressor that can reduce the size of your models by about 75%. For example a model file of 1Mb will be compacted to a file of 250Kb.

The smaller files will be loaded faster into a browser and will also give you some simple protection for your models.