How can I play or view .FBX file in html Page using some Js lib

javascript html three.js fbx
Yash picture Yash · Jun 15, 2018 · Viewed 8.9k times · Source

I'm trying to play or view 3D model in my html pages, Currently i am able to play only .Obj file using JavaScript, is there any way that i can also view .Fbx model in my page, i am searching for hours but didn't get any working, i also try using Three.js but .fbx is not working please Help!

Answer

variable picture variable · Jun 15, 2018

Reference: http://download.autodesk.com/us/fbx/2013/FBXforQT/index.html?url=files/GUID-06AEDF68-DB24-4818-95D5-1CF7458E051B.htm,topicNumber=d30e707

Embedding FBX files on a web page

Do this by adding a JavaScript file that points to the FBX file to the website root directory.

To do this, you must add the following three things to the index of the page:

  1. A JavaScript file that launches the FBX for QuickTime viewer
  2. HTML code that refers to the JavaScript file
  3. The FBX file

To modify a webpage so that it can show FBX files with the FBX for QuickTime viewer:

  1. Download the AC_QuickTime.js JavaScript code from here. Note this link is not mentioned on the reference website so I found it via google search.
  2. You will use this script on the web page to launch the FBX for QuickTime viewer.
  3. Using a web page editor, access the index of the web page where you want to embed the FBX file.
  4. Write the following HTML code. This code points to the JavaScript file that you downloaded:

     <html>
        <head>
        <title>Embedded FBX QuickTime movie in a web page</title>
        <script src="AC_QuickTime.js" language="JavaScript" type="text/javascript"></script>
        </head>
        <body bgcolor="#6699FF">
        <h1>Embedded FBX file in a web page</h1>
        <div/>
        <script language="JavaScript" type="text/javascript">
        QT_WriteOBJECT_XHTML('Tester.FBX', '800', '600', '',
            'autoplay', 'true',
            'emb#bgcolor', 'black',
            'align', 'middle'); 
        </script>
        <hr/>An fbx file should be playing now above, using a QuickTime player embedded.
        </body>
        </html>

  1. Add the JavaScript to your web page code and upload the FBX file you wish to view to the web page index.

Related questions

How to stop a requestAnimationFrame recursion/loop?

I'm using Three.js with the WebGL renderer to make a game which fullscreens when a play link is clicked. For animation, I use requestAnimationFrame. I initiate it like this: self.animate = function() { self.camera.lookAt(self.scene.position); self.…

Read More
Dynamically create 2D text in three.js

I have 3D model which I have created in three.js. Based on some data, I want to create a set of arrows which is decorated by a small text label. These labels should be in 2D. It seems like …

Read More
Three.js: Get the Direction in which the Camera is Looking

I'm creating game in using html5 and THREE.js, and I have a camera that rotates with the euler order of 'YXZ'. This is so the camera rotation up, down, left and right like a head. As in first person …

Read More