The point() function is an inbuilt function in p5.js which is used to draw the point in a given coordinate position.
Syntax:
point( x, y, [z])
Parameters: This function accept three parameters which are described below
- x: It is used to set the x-coordinate of point.
- y: It is used to set the y-coordinate of point.
- z: It is used to set the z-coordinate in WebGL mode.
Example 1:
function setup() { // Create Canvas of given size createCanvas(400, 300); } function draw() { // Use point() function to draw point point(50, 50); point(150, 50); point(50, 150); point(150, 150); // Use strokeWeight() function to set // the weight of point strokeWeight(10); } |
Output:
Example 2:
function setup() { // Create Canvas of given size createCanvas(400, 300); } function draw() { // Set the background color background('green'); // Set the stroke weight strokeWeight(10); // Set stroke color stroke('white'); // Draw point point(50, 50); point(50, 250); point(350, 50); point(350, 250); point(200, 150); } |
Output:
Online editor: https://editor.p5js.org/
Environment Setup: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
Reference: https://p5js.org/reference/#/p5/point
