Embedding p5js scripts in Grav page

Support
1

Is it possible to embed a p5js sketch into a Grav page? (p5js is a version of the Processing language for Javascript). On a standard HTML page, I would use the following to display the p5js sketch:

<script src="p5.js"></script> 
<script src="fallingEnvelopes.js"></script>
<script src="envelope.js"></script>
<script src="envelopeSystem.js"></script>

p5.js is the library, and the other files make up my animated sketch. Is there a way to use this in Grav?

2

@dmeissner, There is… Take a look at the docs:

3

Thanks very much for getting back to me. My impression was that the Asset Manager related to customizing themes, while I’m just trying to create a few pages that display an animation as the main content of the page, not as a decoration. I’ll keep going over the documentation, but maybe this would be possible by enabling Markdown Extra, and just adding the code directly on a page?

4

Follow-up in case this is interesting to anyone. I’m only just learning Markdown, and I didn’t know that I could just enter straight html into the Markdown page and it would be rendered. So it works to paste the lines into the page, once I fix the folder references to what Grav expects. Markdown Extra is not needed.

My script opens an 800x600 canvas to display the animation, and in Grav this canvas opens at the top of the screen, overwriting any text on the page. I’m a relative novice at CSS, but I think I can fix this with some CSS styling.