ICF publishing tips (Creating a web page with an embedded 3D model)
By Tom Charron • Jun 1st, 2009 • Category: Tech TipsRapidform XOS, XOR and XOV can create web pages with your 3D scan, CAD model or inspection result embedded as rotatable 3D models. They do this by creating an ICF (INUS Compression Format) file and an associated html file, which you can then place on a web server for people inside and outside your organization to access. The web page makes use of a plugin, the ICF Viewer, to view the 3D models inside Internet Explorer (it’s an ActiveX plugin, so it works in Internet Explorer but not Firefox, Safari, Chrome etc.)
To publish the ICF and html files, go to File>Publish>ICF. You’ll have several options (like image size, compression amount, etc.) that you can set before publishing the file to a specific location on your PC hard drive. For even more control over how your 3D web model is presented, you can edit the html file and add any of the parameters listed below.
After you publish an ICF file from Rapidform, go to the folder where the html file was created and open it with something like notepad. You’ll see html code like this:
<HTML><BODY><P>
<OBJECT ID=”ICFViewerXO2″
CODEBASE=”http://www.rapidform.com/icfviewerxo2#VERSION=1,0,0,5″
CLASSID=clsid:E2B55A3D-1A41-4F58-A675-FFD34F45CBA0
HEIGHT=600 WIDTH=800>
<PARAM NAME=”IcfPath” VALUE=”test.icf”>
<PARAM NAME=”EnableAntialiasing” VALUE=”false”>
<PARAM NAME=”NumOfSamples” VALUE=”4″>
<PARAM NAME=”EnableDynamicDraw” VALUE=”true”>
<PARAM NAME=”DynamicDisplayRatio” VALUE=”25″>
<PARAM NAME=”StaticDisplayRatio” VALUE=”100″>
</OBJECT>
</P></BODY></HTML>
To edit or add any additional parameters, simply add new lines with the parameter name and value in the same format as above. If you do not specify a parameter, the default will be used by the ICF Viewer plugin.
Here are the parameter list you can use in the html code.
|
PARAM NAME |
VALUE |
Default value |
|
IcfPath |
Location of ICF file |
|
|
BackgroundColor |
Three real values between 0 and 1, for example “0.5 1.0 0.5″ |
|
|
ShowGrid |
“true”, “false” |
“true” |
|
ShowWorldAxis |
“true”, “false” |
“true” |
|
EnableGradientBackgroud |
“true”, “false” |
“true” |
|
EnableGradientBackground |
“true”, “false” |
“true” |
|
EnableDynamicDraw |
“true”, “false” |
“true” |
|
DynamicDisplayRatio
|
“100″, “50″, “25″, “10″, “5″, “1″, “0.5″, “0.1″ |
“100″ |
|
StaticDisplayRatio |
“100″, “50″, “25″, “10″, “5″, “1″, “0.5″, “0.1″ |
“25″ |
|
EnableAntialiasing |
“true”, “false” |
“false” |
|
NumOfSamples |
In case EnableAntialiasing is true, number of antialiasing sampling |
“4″ |
|
ShadingMode |
“point shading”, “smooth shading”, “smooth shading with point”, “smooth shading with point”, “flat shading”, “flat shading with edge “, “flat shading with edge” |
“smooth shading” |
|
Light |
“light1″, “light2″, “light3″, “light4″ or “lightall” |
“light1″ |
|
ProjectionMode |
“perspective”, “parallel” |
“perspective” |
|
ViewOrientation |
“front”, “back”, “left”, “rignt”, “top”, “bottom”, “isometric” |
“front” |
|
EnableViewportLock |
“true”, “false” |
“false” |
|
EnableTransparency |
“true”, “false” |
“false” |
|
DrawBackface |
“true”, “false” |
“false” |
|
BackfaceMode |
“complement color”, “as is” |
“complement color” |
|
AnnotAlignMode |
“free” , “snap”, “automatic” |
“free” |
|
PointSize |
Size of vertex point, it should be integer value and bigger than 0 |
“2” |
|
ShowModelTree |
“true”, “false” |
“false” |
|
AutoShowHideModelTree |
“true”, “false” |
“true” |
.
Entries (RSS)