p5.js How To

Babbage's Difference
Engine (circa 1832)

This folder contains some files that may help using some P5.js features that go beyond the examples on the p5js web site. It took quite a bit of time to research and experiment to figure out these things. Hopefully they may some one else that time and effort.

Normally a sketch is just below the title and there comments below the sketch. Almost all the files give examples. Some allow the user to experiment with the concept covered.

The p5.js files have the file type .pjs. My editor has special features for different languages. It determines the language based on the file type which makes it desirable to distinguish between true Javascript .js files and p5.js files. In order to do so, the file type .pjs is being used for p5.js files.

• How To layout divisions. Demonstrates how to arrange HTML components created in p5.js
• HowToArrangeRowsHTMLComponents.html Three methods to layout HTML components including divisions and paragraphs in rows and examples of using parents. (Expanded and revised 3/2/2020).
• How To use the .style function In addition, it allows the user to experiment CSS attributes and values. (Version 3/1/20)
• How To write functions with optional parameters Optional parmeters can make functions more useful and easier to use.
• How To vary sound level when using envelopes and setADSR().
• How to find the members of a variable Provides a function that can list the members of almost variable or identifier used in your p5.js or js program.

James Brink
Revised: 3/2/2020