3ds max to 3d in a web page

[johnc]

Here is a sample of a 3d model created using Autodesk 3ds Max 2011. The model has been converted to X3D for display in 3D in a web page. What do you guys think of these 3 3D viewers for displaying the 3D model in a web page? Which one do you think is better and why.

 

Viewer #1: Display in 3D in webpage using Java.

 

http://dl.dropbox.com/u/5095342/web3d/web21.html

 

Click on sample3 button to view 3ds model in webpage. Left click and drag

mouse button to move around in 3D. Use buttons at bottom left to change

3D navigation mode.

 

Viewer #2: Display in 3D in webpage using latest version of Google Chrome browser or

Firefox browser. Only works with these 2 web browsers.

 

http://www.baezeni.com/3D/

 

Viewer #3: Display in 3D in webpage using signed Java applet.

 

http://www.baezeni.com/3D/test2/

 

After applet loads, click the "Click to Load Building" button to load 3ds model into webpage. Left click and drag your mouse to move around in 3D. Use buttons on menu to change navigation mode.

[postite]

I really prefer pdf 3D.

 

So simple and really fast to load.

 

Here is some examples (not my work).

[Jan]

You can also take a look to the new 3D capabilities in html5, like:

http://code.google.com/p/webglsamples/

 

or

 

http://onepixelahead.com/2010/09/24/10-awesome-html5-canvas-3d-examples/

Edited April 5, 2011 by Jan

[johnc]

The pdf 3D looks good but is it possible to insert it directly into a web page without having a separate popup window appear to display the 3D content. I tried putting this in an html page but it poped up a separate window for the pdf viewer.

 

 

 

The second example I provided in my original post uses webgl, that is why I said that it only works with the latest version of google Chrome browser or Firefox browser. That example was generated using this exporter for 3ds max.

 

http://www.x3dom.org/?page_id=732

 

You can export directly to an html file and then put that file on your server to view the content in a web3d enabled browser. The html file produced in the example when exported from 3ds max was 16 Megabytes in size. The server that it is installed on will automatically compress the html file using gzip when a download is requested and it gets compressed to about 2.5 Megabytes in size. Again if you have a webgl enabled browser you can view it here.

 

http://www.baezeni.com/3D/

 

Keep in mind that microsoft internet explorer does not support webgl, nor am I aware that they have any plans to do so. According to this site, they have around 60 percent of market share for web browsers, so many visitors to a website containing webgl 3D content will not be able to view it.

 

http://www.statowl.com/web_browser_market_share.php

 

According to the above site, around 80 percent of computers have Java installed, and Java works on all the A grade web browsers, so a Java based 3D viewer in a web page should work for around 80 percent of users.

 

The above exporter for 3ds can export directly to x3d file format and this file can then be compressed using gzip. That is what the first example used to display 3D content in a web page using Java.

 

http://dl.dropbox.com/u/5095342/web3d/web21.html

[postite]

I was able to see the webgl content. But I think 50 % is not enough.

 

Here are some example using different technologies:

 

http://www.westimages.com/index.php?page=3d-galerie3D&anim=1

 

 

It is possible to open a pdf in a table.

Edited April 6, 2011 by postite

[Flint]

How do you go about converting a 3ds max model so that it can be used in a pdf. The only info I can find is here:

 

http://forums.adobe.com/thread/594654

 

Is this the best way to go about it and do you need 3rd party plug-ins to be able to do it.

 

(Using 3ds Max 10 and Acrobat 8)

[postite]

Not the best way at all

 

I use Deep Exploration (from Right Hemisphere).

 

-Just export your mesh, lights, textures,... in *.rh from 3ds max (free plugin for max 2009, 2010, 2011 X32 or X64)

-In Deep Exploration import the *.rh file and configure your project (light settings,...) and export it in *.u3d

-Create an empty pdf and import the *.u3d file

 

Hope it helps.

[Flint]

It did thanks.

I see you can d/l and evaluate the software but couldn't see the plugin, but just the plugin on it's own would be kinda pointless I guess. Also not sure I could justify the cost for the amount of use I'd get out of it. Thanks for the reply and I might try the evaluation to see how it goes.

[postite]

You can find the plugin here :

 

http://www.righthemisphere.com/support/downloads/

[Flint]

Thank you. I will have a look into it.

[Tommy L]

I really prefer pdf 3D.

 

So simple and really fast to load.

 

Here is some examples (not my work).

 

Stephane,

Do you know of a tutorial for creating a PDF like this? Thanks,

Tom.

[postite]

Hi Tom,

 

I don't have any tuto but I made some of these pdf3d last months (but cannot post them here).

 

It's not complicated. As I said:

 

"

-Just export your mesh, lights, textures,... in *.rh from 3ds max (free plugin for max 2009, 2010, 2011 X32 or X64)

-In Deep Exploration import the *.rh file and configure your project (light settings,...) and export it in *.u3d

-Create an empty pdf and import the *.u3d file

"

 

If you want more details on particular steps, you can pm me.

[johnc]

Here is another example of 3D in a web page using webgl.

 

http://members.shaw.ca/johncoady/y3d.html

 

On the left side of this page is a 3D window, and on the right side are some widgets developed using javascript for manipulating the 3D content. With the slider widgets you can change the color of the 3D object and also change its position. With the Dial widget you can rotate the 3D object. Press the buttons to animate the 3D object and press the "load 3D Scene" to load a scene containing primitive shapes created using the Blender3D. You can click on on the object in the 3D window and then use the widgets to manipulate the object.

 

This example works on the latest version of Firefox and Google chrome browsers which support webgl. If you are using Internet Explorer Browser you will be prompted to load a plugin from Google to get it to work.