Tags

p5.js

Date

August 30, 2024

Class

Explore: Coding & Computer Science

Author

Miles

Class Section

Documentation Type

tutorial

Prerequisites

Related Tutorials

Introduction

This quick tutorial will show you how to embed a p5.js sketch in your Google site. Embedding a p5.js sketch is a great way to enhance your portfolio: Embedded projects are readily visible, and visitors to your site can play with these creations first-hand.

Embedding a Sketch

1) In the p5.js editor, open the “File” dropdown and click “Share”

2) Copy the “Fullscreen” link for your p5.js sketch

3) On your Google site, click “Embed” in the right hand toolbar

4) Paste the link to your sketch preview in the URL field and click “Insert”

5) Your p5.js should now be embedded in your Google site. You can move and resize it just like any other Google site element.