p5.js - Creative Coding Library

Example

Drawing a simple ellipse or circle using 'ellipse(x, y, w, h)' where x and y are coordinates, and w and h are the width and height.

Scenario

Creating basic shapes to build patterns, artistic graphics, and visual representations. For instance, an artist can use overlapping ellipses to generate a blooming flower pattern.

Example

Using 'draw()' to update and redraw the canvas continuously, creating animations. Movements of shapes can be controlled by updating their coordinates on each frame.

Scenario

Simulating natural phenomena like rain or fireworks. A developer might create a rain animation where lines fall from the top of the screen and reset when reaching the bottom.

Example

Drawing 3D shapes like boxes or spheres with 'box(size)' and 'sphere(radius)', and manipulating the view with 'rotateX()' or 'rotateY()'.

Scenario

Designing interactive 3D models or environments. Architects can visualize spatial designs with interactive rotation and zoom capabilities.

Example

Visualizing data sets using bars, lines, or scatter plots with simple drawing functions.

Scenario

Analyzing trends in large datasets visually. For instance, plotting sales data with bars to identify peak seasons or declining trends.

Example

Handling keyboard and mouse events via 'keyPressed()' or 'mousePressed()' to allow user interactions.

Scenario

Creating interactive projects like games. A developer might build a drawing application that responds to mouse clicks by changing colors or brush sizes.