Why cant I run 2 5pjs sketches on a html website?

GoToLoop · October 21, 2020, 9:09pm

Use an <iframe> for the 2nd sketch:

Developer.Mozilla.org/en-US/docs/Web/HTML/Element/iframe

gist.github.com

https://gist.github.com/GoSubRoutine/60b154e52336f7fee7c5f1fe817ceb22

.block

height: 650
scrolling: no
border: yes
license: cc-by-4.0

adjustFrameSize.js

'use strict';

p5.prototype.adjustFrameSize = function () {
  if (frameElement) {
    frameElement.height = frameElement.frameBorder = 0;
    frameElement.height = this.getDocHeight() + 'px';
    frameElement.width  = this.getDocWidth()  + 'px';
  }
};

This file has been truncated. show original

all.html

<script defer src=https://cdn.JsDelivr.net/npm/p5></script>

<script defer src=adjustFrameSize.js></script>
<script defer src=ball.js></script>

<script defer src=global.js></script>
<iframe src=global.html></iframe>

<script defer src=instance.js></script>
<script defer src=instance.js></script>

There are more than three files. show original

Topic		Replies	Views
Help with integrating a Javascript p5 file into HTML Beginners	2	564	May 17, 2020
Can I use multiple p5.js on my website..? Coding Questions	2	612	December 29, 2019
Cannot display an image p5.js	1	296	January 21, 2021
Empty-example/loading sketches/node-server Beginners	4	482	September 10, 2020
The only I see is the message: "Loading..." :-( Beginners	5	519	August 21, 2020

Why cant I run 2 5pjs sketches on a html website?

Related Topics