Getting Started with p5.js

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

In this video we'll have a look at some of the things you can do with p5.js and how to port it over to Webflow. in the next video I'll show you how to get the p5.js canvas element completely responsive in our Webflow project so be sure to check that one out too!

Watch the Tutorial on YouTube Get the Project Cloneable

Getting Started with p5.js

Inside <head> tag

Inside </body> tag