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 responses to “Blender 2.5 Displaying 3D Models in Web Pages Using Webgl Exporting X3D Files and using X3DOM Part 1”
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!
thankkkkkk you very much.
keep up the amazing work 👌👌👌👌👌👌👌.
Hey nice video can u help me .. Can i export whole animation using this thing??
How can I move the camera with the mouse and keyboard?
It moves around instead of rotating.
i do like u but it pan the object how i can rotate automaticly on the browser
how i can to set the camera? its rotate around the world, is better if it rotate around the object.
Is this only possible in models with rgb colors and without textures?
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
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?
I am glad you sorted the textures, I would like some JavaScript that would allow Blender models to be embedded directly into to web pages, that would be good!
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.
See my tutorial – Blender 2.5 Displaying 3D Models in Web Pages Using Webgl and the X3D Format Part 4 Texture Files.
@forge021 Try downloading the files from my website and see if they work.
i follow the instruction but nothing display at the browser.. only clear box …
how to fix it?
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
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!