Sweet Home 3D Forum - Print Post -

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

Print at Dec 17, 2025, 9:08:13 AM

Posted by Gildaniel at Oct 17, 2019, 1:56:09 PM

Re: Export to HTML5 plug-in
Hello!

When I use exportHomes feature 3d model opens on whole browser window.

But in examples I've seen canvas always has fixed size.

I'm not so good in Java and html programming, could you please explain me how to change my code to have full screen view, or just give an example of full window canvas?

***************************************************
<body>
<script type="text/javascript" src="/3dplan/newlib/big.min.js"></script>
<script type="text/javascript" src="/3dplan/newlib/gl-matrix-min.js"></script>
<script type="text/javascript" src="/3dplan/newlib/jszip.min.js"></script>
<script type="text/javascript" src="/3dplan/newlib/core.min.js"></script>
<script type="text/javascript" src="/3dplan/newlib/geom.min.js"></script>
<script type="text/javascript" src="/3dplan/newlib/batik-svgpathparser.min.js"></script>
<script type="text/javascript" src="/3dplan/newlib/jsXmlSaxParser.min.js"></script>
<script type="text/javascript" src="/3dplan/newlib/triangulator.min.js"></script>
<script type="text/javascript" src="/3dplan/newlib/viewmodel.min.js"></script>
<script type="text/javascript" src="/3dplan/newlib/viewhome.min.js"></script>
<style type="text/css">
/* The class of components handled by the viewer */
.viewerComponent {
}
</style>

<H1 style="text-align: center; text-decoration:underline; cursor: pointer"
onclick='viewHomeInOverlay("house.sh3d",
{roundsPerMinute: 1,
widthByHeightRatio: 4/3,
navigationPanel: "none",
aerialViewButtonText: "Aerial view",
virtualVisitButtonText: "Virtual tour",
level: "1 floor",
selectableLevels: ["1 floor", "2 floor", "Roof"],
activateCameraSwitchKey: true,
viewerControlsAdditionalHTML: "",
readingHomeText: "Loading",
readingModelText: "Building",
noWebGLSupportError: "No WebGL support"
})'
>PRESS HERE TO OPEN 3D-MODEL</H1>
</body>

***************************************************

Current timezone is GMT
Dec 17, 2025, 9:08:13 AM