Overview
This is a p5.js sketch series to serve as an introduction to drawing shapes with p5.js to draw a soccer field.
Originally sketched in the p5.js Editor interface in this collection.
- Soccer Field - 01 - Draw the field
- Soccer Field - 02 - Refactor to use Field Variables
- Soccer Field - 03 - Scale pixels based on Yard Dimensions
- Soccer Field - 04 - Refactor to separate Field class
- Soccer Field - 05 - Add Teams, Players and Ball
- Soccer Field - 06 - Lineup players based on Position
Controls
No controls at this time.
References:
- editor.p5js.org - This is an online interactive editor where you can code in p5.js and share your sketches, and modify ones like the ones I shared here.
Links:
Screenshot:
