Sweet Home 3D Forum - Print Thread - Export to HTML5 plug-in

Sweet Home 3D Forum
» List all forums
» » Forum: New versions
» » » Thread: Export to HTML5 plug-in

Print at Jan 30, 2026, 10:03:38 AM

Posted by YGYL at Feb 27, 2022, 4:01:50 PM

Re: Export to HTML5 plug-in
The system environment is
WINDOWS SERVER 2019
WordPress 5.6
Nginx 1.21.1
MySQL 8.0.25
PHP-7.4

Posted by Puybaret at Mar 9, 2022, 3:31:54 PM

Re: Export to HTML5 plug-in
If Ground3D is not defined, it must mean that some JS files are missing or have been truncated.
Did you check in the JS debugger of your browser what JS files are available?
----------------------------------------
Emmanuel Puybaret, Sweet Home 3D creator

Posted by YGYL at Mar 10, 2022, 1:41:43 PM

Re: Export to HTML5 plug-in
JS debugger I don't know how to use.
But the Export to HTML5 plug-in exported viewHome.html is working. The same site and browser, the wordpress SH3D plugin doesn't work
=================
document.registerElement is deprecated and will be removed in M73, around March 2019. Please use window.customElements.define instead. See https://www.chromestatus.com/features/4642138092470272 for more details.
module.exports.registerElement @ aframe-v1.0.4.min.js?ver=5.9.1:901
107.../utils/ @ aframe-v1.0.4.min.js?ver=5.9.1:899
o @ aframe-v1.0.4.min.js?ver=5.9.1:1
(anonymous) @ aframe-v1.0.4.min.js?ver=5.9.1:1
108../a-entity @ aframe-v1.0.4.min.js?ver=5.9.1:901
o @ aframe-v1.0.4.min.js?ver=5.9.1:1
(anonymous) @ aframe-v1.0.4.min.js?ver=5.9.1:1
112.../../lib/three @ aframe-v1.0.4.min.js?ver=5.9.1:909
o @ aframe-v1.0.4.min.js?ver=5.9.1:1
(anonymous) @ aframe-v1.0.4.min.js?ver=5.9.1:1
155.../package @ aframe-v1.0.4.min.js?ver=5.9.1:995
o @ aframe-v1.0.4.min.js?ver=5.9.1:1
r @ aframe-v1.0.4.min.js?ver=5.9.1:1
(anonymous) @ aframe-v1.0.4.min.js?ver=5.9.1:1
(anonymous) @ aframe-v1.0.4.min.js?ver=5.9.1:1
(anonymous) @ aframe-v1.0.4.min.js?ver=5.9.1:1
aframe-v1.0.4.min.js?ver=5.9.1:995 A-Frame Version: 1.0.4 (Date 2020-02-05, Commit #2b359246)
aframe-v1.0.4.min.js?ver=5.9.1:995 three Version (https://github.com/supermedium/three.js): ^0.111.6
aframe-v1.0.4.min.js?ver=5.9.1:995 WebVR Polyfill Version: ^0.10.10
sweethome3dembed-public.js?ver=1.0.0:14 ReferenceError: Ground3D is not defined
at HomeComponent3D.createGroundNode (viewhome.min.js?ver=1.0.0:20)
at HomeComponent3D.createSceneTree (viewhome.min.js?ver=1.0.0:20)
at HomeComponent3D.createComponent3D (viewhome.min.js?ver=1.0.0:20)
at new HomeComponent3D (viewhome.min.js?ver=1.0.0:20)
at HomePreviewComponent.createComponent3D (viewhome.min.js?ver=1.0.0:20)
at Object.homeLoaded (viewhome.min.js?ver=1.0.0:20)
at HomeRecorder.parseHomeXMLEntry (viewhome.min.js?ver=1.0.0:20)
at Object.zipReady (viewhome.min.js?ver=1.0.0:20)
at XMLHttpRequest.<anonymous> (viewmodel.min.js?ver=1.0.0:20)

Posted by KelvinUceta at Dec 17, 2022, 1:54:46 PM

Re: Export to HTML5 plug-in
Hi Gildaniel,

Did you succeeded to get the viewer in full screen? Reading through this post isn't quite clear and if did how did you proceeded?

Also tried "SweetHome3DJSViewer-6.4" but I can't get it.

Thx in advanced,

Kelvin
----------------------------------------
Dubito, ergo sum

Mobo: ASUS TUF GAMING Z690-PLUS
CPU: Core i9-12900K
RAM: 32 GB DDR4 3200 Ghz
GPU: MSI GeForce GTX 1660 SUPER 6G
OS: Win 11 Pro
3D: SH3D 6.6.1 and Blender

Posted by KelvinUceta at Dec 18, 2022, 7:27:56 AM

Re: Export to HTML5 plug-in
Hi all,

Ok, I found it, I was searching for answers but didn't look at html code, sorry for the question.

In the <head><style type="text/css"> of viewHome.html file:

<style type="text/css">
/* The class of components handled by the viewer */
.viewerComponent  {
}
/* To display the viewer in full screen, uncomment the 3 following styles */

----------------------------------------
Dubito, ergo sum

Mobo: ASUS TUF GAMING Z690-PLUS
CPU: Core i9-12900K
RAM: 32 GB DDR4 3200 Ghz
GPU: MSI GeForce GTX 1660 SUPER 6G
OS: Win 11 Pro
3D: SH3D 6.6.1 and Blender

Posted by Gildaniel at Dec 20, 2022, 2:16:42 PM

Re: Export to HTML5 plug-in
There is very nice feature of centering 3d-view by pressing left button of with middle buton drag in the desktop application

Is there a way to recenter 3d view online in HTML5 tool?

Posted by Gildaniel at Dec 20, 2022, 2:21:15 PM

Re: Export to HTML5 plug-in
Hi Kelin!

Yep, i've managed to make full browser screen canvas view
You can check https://regard-house.ru/3dplan/szp/4i.html and get this file to make the same feature

Posted by Carabao at Mar 31, 2023, 10:02:02 PM

Re: Export to HTML5 plug-in
Hello.

I have Firefox for IOS on my iPhone 11 and this is my default browser.
If I open the link to my plan in Firefox (hosted on an external server), I get an "Error: Script Error" have to click "OK" about 60 - 70 times, otherwise Firefox does not work anymore.
In Safari it works as expected.

Is Firefox for IOS not supported?

Regards
Martin

Posted by CinemaWalls at Jun 3, 2023, 10:44:52 AM

Re: Export to HTML5 plug-in
The generated HTML files do not open in the browser. Plugins for reading from local disk do not help. What to do? Doesn't anyone have a problem?

Posted by KelvinUceta at Jun 4, 2023, 6:25:16 AM

Re: Export to HTML5 plug-in

The generated HTML files do not open in the browser. Plugins for reading from local disk do not help. What to do? Doesn't anyone have a problem?

Hi CinemaWalls,

And if you right-click on them and choose "Open with" kind of option? What happens?

Cheers,

Kelvin
----------------------------------------
Dubito, ergo sum

Mobo: ASUS TUF GAMING Z690-PLUS
CPU: Core i9-12900K
RAM: 32 GB DDR4 3200 Ghz
GPU: MSI GeForce GTX 1660 SUPER 6G
OS: Win 11 Pro
3D: SH3D 6.6.1 and Blender

Current timezone is GMT
Jan 30, 2026, 10:03:38 AM