Export to HTML5 plug-in

This topic has been viewed 4958875 times and has 152 replies
Thread status: Active
Test the features and bug fixes of future versions [img]http://www.sweethome3d.com/images/flags/en_small.gif[/img]
Post Reply New Topic
okh
Posts: 1545
Joined: Sun May 12, 2013 9:43 pm

Re: Export to HTML5 plug-in

Post by okh »

..almost all browsers except Firefox (until now) don't allow to read local files by default, for security reasons!!!
In case anyone wondered, off-line view still works with the apparently re-written Firefox Quantum. Alas, I have yet to find any other browser (except Seamonkey) that will display a test website with the html5 plugin. ok
dubbyconqueror
Posts: 1
Joined: Thu Nov 23, 2017 11:19 am
Country: Germany

Re: Export to HTML5 plug-in

Post by dubbyconqueror »

Thank you so much for providing the HTML5 plugin! Would you mind uploading the unminified sources to Github/Gitlab/Bitbucket etc.? That way other people might contribute to the development more easily.
User avatar
Puybaret
Posts: 9440
Joined: Mon Nov 07, 2005 12:00 pm
Country: Paris, France
Contact:

Re: Export to HTML5 plug-in

Post by Puybaret »

I'm happy you like it [:)]
You can generate the unminified files with the [font=courier new]generatedLibraries[/font] Ant target of the [font=courier new]build.xml[/font] file available in the source code of SweetHome3DJS. I won't copy these files in another repository myself, because this would require to update it too and managing the release of each version in one place is already a quite heavy task.
Emmanuel Puybaret, Sweet Home 3D creator
qythyx
Posts: 22
Joined: Thu Aug 31, 2017 4:22 am
Country: Japan

Re: Export to HTML5 plug-in

Post by qythyx »

Hi,

I tried to use your Blender import script, but it failed. The error was that it couldn't find a file. I'm guessing it was because the file has a space in the name. The error message said it couldn't find "Grand%20Piano.dae.obj". That file does exist, but %20 is a space instead.

Any ideas?
User avatar
Puybaret
Posts: 9440
Joined: Mon Nov 07, 2005 12:00 pm
Country: Paris, France
Contact:

Re: Export to HTML5 plug-in

Post by Puybaret »

I'm not the author of the Blender import script, but when you know that the 3D model of a piece of furniture is stored in its [font=courier new]model[/font] attribute, it shouldn't be difficult to find the place in the script where the path of a model is used and adapt its urlencoded notation to the one required by Blender. Then don't forge to contribute your fix in the https://github.com/lcgamboa/sh3dtoblender project [:)]
Emmanuel Puybaret, Sweet Home 3D creator
omrico
Posts: 4
Joined: Tue Dec 26, 2017 8:54 pm

Re: Export to HTML5 plug-in

Post by omrico »

Thank you very much for this remarkable feature!

I was wondering: After integrating the component in my website I am able to see the house in "Aerial View" but the view is centered to the viewer.
Is there any way to programmatically change the position of the "camera" so it won't be located above the center of the house? [:-/]

For example when using the SH3D software, I can click on an object and it gets the focus. This helps me to better look at the surroundings of this object.

Thank you in advance!
User avatar
Puybaret
Posts: 9440
Joined: Mon Nov 07, 2005 12:00 pm
Country: Paris, France
Contact:

Re: Export to HTML5 plug-in

Post by Puybaret »

Selecting an object of the displayed home should have the same effect as in Sweet Home 3D. From the HomePreviewComponent returned by viewHome, you'll be able to access to the displayed Home instance, which lets you access to all its objects and select the ones you want with its setSelectedItems method.
Emmanuel Puybaret, Sweet Home 3D creator
LBCED
Posts: 1
Joined: Wed Jan 03, 2018 11:12 am
Country: Italy

Re: Export to HTML5 plug-in

Post by LBCED »

Hello,
I try to use it. With Firefox works fine, otherwise with Chrome I have the following error:
"Failed to load <nome file> cross origin requests view model.min.is:20
are only supported for protocol schemes: http, data, chrome, chrome-extension, https"


What I can do ?
User avatar
Puybaret
Posts: 9440
Joined: Mon Nov 07, 2005 12:00 pm
Country: Paris, France
Contact:

Re: Export to HTML5 plug-in

Post by Puybaret »

You probably tried on a local file, not on a http web server, and Chrome doesn't accept to load local files which depends on the viewed html file. If you host your files on a web server it will work, and if you absolutely want to try your file locally with Chrome, see the solutions proposed here.
Emmanuel Puybaret, Sweet Home 3D creator
omrico
Posts: 4
Joined: Tue Dec 26, 2017 8:54 pm

Re: Export to HTML5 plug-in

Post by omrico »

Selecting an object of the displayed home should have the same effect as in Sweet Home 3D. From the HomePreviewComponent returned by viewHome, you'll be able to access to the displayed Home instance, which lets you access to all its objects and select the ones you want with its setSelectedItems method.
I tried what you said but didn't succeed with changing the camera. I fetched all the selected items via

Code: Select all

getSelectableViewableItems()
function and randomly chose an object from the array.
Then used

Code: Select all

setSelectedItems(selectedItems)
function but the camera didn't change the angle and position. What am I missing here?
Thank you.
Post Reply New Topic

Who is online

Users browsing this forum: No registered users and 1 guest