HTML Page Demo is Broken

The following demo appears broken. After download and execute it’s a blank page. Any ideas or suggestions? I don’t see any dependent variables that need changing.

The PG is using the fact that there is a div container with id “canvasZone” around the main canvas, which is specific to the Playground site.

You can fix the problem in the downloaded page by adding this div manually:

    <div id="canvasZone">
    <canvas id="renderCanvas"></canvas>
    </div>

around line 41.

2 Likes

Nice! that worked thanks. Now that I know, i will check some other demos that didn’t work either, when I downloaded them. Maybe the problem is similar. I’m a little surprised that the PG team didn’t filter that out, or post a note somewhere conspicuous to explain the potential issue. But thanks for the assist.

Tentative PR to add this div automatically:

1 Like

Adding the fix above, the page displays only halfway. The other part of the solution is to add the following in the Style section of each program with similar issue:

#canvasZone { width: 100%; height: 100%;}

see this topic: Playing around with canvasZone - #2 by Escobar

1 Like

Thanks, this PR will fix it:

1 Like