Blender 2.5 Displaying 3D Models in Web Pages Using Webgl Exporting X3D Files and using X3DOM Part 1

https://i.ytimg.com/vi/W_e7xbVyx2s/hqdefault.jpg



This video tutorial shows how to export a model from Blender in the X3D file format. There are two ways of embedding X3D file in a web page, part 1 shows a way where the web page can be viewed locally without having to be uploaded to a web server.

All this is made possible by software from the open source project X3DOM (pronounced X freedom).

Key points –
How to export a model from Blender in the X3D file format.
How to open the X3D file in a text editor (notepad++ used in tutorial)
How to convert the X3D file into a HTML web page with the 3D data embedded in it (using a converter utility provided by X3DOM).
How to view the page in a browser that supports Webgl (Firefox, Chrome and Safari, latest versions).
How to modify the 3D data in the web page.

source

17 thoughts on “Blender 2.5 Displaying 3D Models in Web Pages Using Webgl Exporting X3D Files and using X3DOM Part 1

  • September 18, 2019 at 03:04
    Permalink

    Hi, this tutorial was exectly that topic who i needed. Unfortunetly, it didnt work. I did every step like in the tutorial and after that, just the html code was on the browser side to see. Could maybe someone help me? Thx forward!

  • September 18, 2019 at 03:04
    Permalink

    if i made a small interface with blender game engine will the buttons and stuff work this way ps i have not watch the entire video but i thought i ask

  • September 18, 2019 at 03:04
    Permalink

    Awsome tutorial…I have a question…I export my model and use the converter online tool. When I open it in chrome my model is just all white with a black background…my texture data is saved as a .png in the same location as html and I used a uv map for it. What am I doing wrong?

  • September 18, 2019 at 03:04
    Permalink

    It is a while since I looked at this, about the only things I can suggest is double check that the link is relative (just the file name in the link if it is in the same directory or "./filename.jpg"), case sensitivity in the file name and the problem with the image file having to be square and its dimensions a power of two.

  • September 18, 2019 at 03:04
    Permalink

    is there a way so i can just have my rendered image as an ordinary image file which can be viewed in windows picture viewer and opened in fireworks

  • September 18, 2019 at 03:04
    Permalink

    Great video. I was unable to display any of the examples from X3DOM, so I found the reason on their website under Documentation – Installation – blacklists. It turns out the pc I was using is, basically, too old for X3DOM to display. (even though I had all the latest updated browsers. Solution was to use my kids pc (much newer) and it works great. Really cool! Notepad ++ is super as well. Thanks!

Leave a Reply