Jump to content

SeanForScience

Circle Member
  • Posts

    2
  • Joined

  • Last visited

Everything posted by SeanForScience

  1. Yeah. Two steps. Step 1. You need to copy his block and insert it in the header "injection" area. You can do that with that particle page's "Settings > Advanced > Page header code injection". Copy the <script src="library-url-reference-here"></script> tags into that area. Step 2. Insert the "<script> // code </script>" directly in an HTML code block on your page. I know it's Java script but keep it as an HTML block in this fashion. Also make sure you turn off "Display source code". Optional Step 3. see my comment viz. positioning.
  2. Howdy. I found an excellent reference that helps resolve this. (I'm working on a member's area I'll update with a live example soon). Steps 1. insert a HTML block with a <div id="some-label"> where you want your canvas to appear 2. augment your p5.js code (presumably in another nearby block) per the link below. e.g. add a .parent("some-label"); attribute to whatever you called your canvas. Specifically go to the section on "Relocating the canvas" https://github.com/processing/p5.js/wiki/Positioning-your-canvas Live example to come. Good luck! Sean
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.