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	594	May 17, 2020
Multiple p5 sketches on one page Beginners	2	1173	February 24, 2021
Can I use multiple p5.js on my website..? Coding Questions	2	636	December 29, 2019
P5.js help with running the compiled js Beginners	3	388	October 21, 2020
Cannot display an image p5.js	1	312	January 21, 2021

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

Related topics