# data[].attributes.body
I lost my last project, so I had to create another one

Here are the keys:

B = blue

G = green

R = red

O = orange

Y = yellow

P = purple

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
Above is the link to my final project. This entire process was a very exciting learning experience and I had to the opportunity to learn a variety of things about JavaScript and p5. Now, getting to my final project, this is a simple drawing app that allows the user to draw ellipses, erase any unwanted design, and adjust the drawing/eraser size to maximize efficiency. Click on each color to switch between them, click on the 'Erase' button to activate the eraser, and slide the dot on the slider feature to adjust the brush size for erasing and drawing. Thank you for looking at it!

# data[].attributes.attachment_link.title
Drawing App - Final Project CSIP - rohanv - OpenProcessing

# data[].attributes.attachment_link.description
This is a drawing app made for my 2025 CSIP final project. This app consists of a multitude of colors, in which users can choose from, in order to draw their desired image. There is also an eraser function that allows the user to erase any unwanted design. Both the color size and eraser size can be adjusted using the slider. Some of the code may be buggy, however, this is my first time. Have fun!

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.title
Rune rock by reu._.b3n -p5.js Web Editor

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.title
Final Project - Cardin Dinh - OpenProcessing

# data[].attributes.body
Drag mouse to create a stroke / Use keys z (redo) and y (undo) / Choose from 5 colors, Green (G), Blue (B), Red (R), Black (K), White (W). / Change Brush Texture with 1, 2 and 3.

# data[].attributes.attachment_link.title
GBH Drawing Application - Genesis - OpenProcessing

# data[].attributes.body
To start drawing, simply click and drag your mouse on the canvas. You can press C to change the brush color, W to adjust the brush size, and R to reset the canvas. Each action gives a random result, making the experience fun and creative.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.headline
finally finished this project - Kenneth Fidelis

# data[].attributes.subject
finally finished this project - Kenneth Fidelis

# data[].attributes.body
left & right buttons - change color

z - switch shapes

up & down - change size

(none of the buttons can be held, sorry)

# data[].attributes.body
The keys on your keyboard are the color options-

R- red

O- orange

B- blue

T- turquoise

P-purple

Y-yellow

Default color is pink, background is black, you can change background color to your choice.

The c key is the clear option to restart, and you can change the size of brush strokes using the + or - option on your keyboard. This changes width (but is shown throughout comments on the code.)

Enjoy:) The app is called "Draw your World"

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.headline
Aryan Vaidya - Final Project Summer CSIP 2025

# data[].attributes.subject
Aryan Vaidya - Final Project Summer CSIP 2025

# data[].attributes.body
Above is the link to my final project. Users can press the color square to set the brush to that color, and can use the numbered buttons to choose how many lines are drawn. If you select 1 you will draw a single line, if you select 2 you will draw two lines symmetrical to each other, and if you select 4 you will draw four lines symmetrical/mirrored to each other. Hit the reset button to remove whatever you have drawn. Have fun drawing!

# data[].attributes.body
Drag the mouse to create squares. Click R to change the color to red, G to change the color to green, B to change the color to blue, and X to change the color to black. Click A to decrease the opacity and S to increase the opacity.

# data[].attributes.attachment_link.title
Final Project - Saloni Chaurasiya - OpenProcessing

# data[].attributes.body
This is the link to my final project. The color constantly cycles between all the colors in the color spectrum, and you can choose which shape you would like to draw in by clicking in each of the boxes in the corners. There is also a clear button the clear the canvas. Hope you enjoy drawing with it!

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
Here is my final project! There are three options for you to choose from at the beginning. Afterwards, have fun with what you pick and I hope you learn a bit more about Vietnamese culture! You can refresh the game to pick another option.

# data[].attributes.body
This creates a canvas where you can draw by clicking and dragging the mouse. I added buttons so you can change the brush color or clear the screen. The tool works by tracking the mouse's position and drawing lines between where it is and where it just was. I also used a variable to store the brush color so it updates when a button is clicked. Overall, it’s a simple way to show how code can interact with users in real time.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
Use the r, g, b keys to decrease the RGB values to set the background. Press SHIFT at the same time to increase the RGB values. Hit ENTER when you're done. Click on the shape you would like to draw with. Adjust the sizes using the up and down arrows.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.

# data[].attributes.body
Sorry for posting this project late, finally found where to post it. It's basically a ball which u can control in different ways by changing many aspects of it such as speed, gravity, etc.

# data[].attributes.attachment_link.description
A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.