diff --git a/src/content/examples/en/01_Shapes_And_Color/00_Shape_Primitives/description.mdx b/src/content/examples/en/01_Shapes_And_Color/00_Shape_Primitives/description.mdx index 9841142c5c..5b5fe887a9 100644 --- a/src/content/examples/en/01_Shapes_And_Color/00_Shape_Primitives/description.mdx +++ b/src/content/examples/en/01_Shapes_And_Color/00_Shape_Primitives/description.mdx @@ -17,4 +17,6 @@ primitive functions arc(), line(), triangle(), -and quad(). \ No newline at end of file +and quad(). + +Contributors: Caleb Foss, Darren Kessner, Lauren McCarthy \ No newline at end of file diff --git a/src/content/examples/en/01_Shapes_And_Color/01_Color/description.mdx b/src/content/examples/en/01_Shapes_And_Color/01_Color/description.mdx index 90db647bc6..5c9ce1d728 100644 --- a/src/content/examples/en/01_Shapes_And_Color/01_Color/description.mdx +++ b/src/content/examples/en/01_Shapes_And_Color/01_Color/description.mdx @@ -17,4 +17,6 @@ sets the color for the inside of shapes. noFill() turn off line color and inner color, respectively. -Colors can be represented in many different ways. This example demonstrates several options. \ No newline at end of file +Colors can be represented in many different ways. This example demonstrates several options. + +Contributors: Caleb Foss \ No newline at end of file diff --git a/src/content/examples/en/02_Animation_And_Variables/00_Drawing_Lines/description.mdx b/src/content/examples/en/02_Animation_And_Variables/00_Drawing_Lines/description.mdx index 20f64df57e..0aaf5d64d7 100644 --- a/src/content/examples/en/02_Animation_And_Variables/00_Drawing_Lines/description.mdx +++ b/src/content/examples/en/02_Animation_And_Variables/00_Drawing_Lines/description.mdx @@ -19,4 +19,6 @@ and * This example also shows the use of colorMode with HSB -(hue-saturation-brightness), so that the first variable sets the hue. \ No newline at end of file +(hue-saturation-brightness), so that the first variable sets the hue. + +Contributors: Jared Donovan, Caleb Foss, Darren Kessner, Animesh Sinha \ No newline at end of file diff --git a/src/content/examples/en/02_Animation_And_Variables/01_Animation_With_Events/description.mdx b/src/content/examples/en/02_Animation_And_Variables/01_Animation_With_Events/description.mdx index ccb35ae5d5..50db128858 100644 --- a/src/content/examples/en/02_Animation_And_Variables/01_Animation_With_Events/description.mdx +++ b/src/content/examples/en/02_Animation_And_Variables/01_Animation_With_Events/description.mdx @@ -17,4 +17,6 @@ key presses to be registered. Advancing a single frame is accomplished by calling the redraw() -function, which results in a single call to the draw() function. \ No newline at end of file +function, which results in a single call to the draw() function. + +Contributors: Caleb Foss, Darren Kessner, Lauren McCarthy, Animesh Sinha \ No newline at end of file diff --git a/src/content/examples/en/02_Animation_And_Variables/02_Mobile_Device_Movement/description.mdx b/src/content/examples/en/02_Animation_And_Variables/02_Mobile_Device_Movement/description.mdx index 52b0a61b52..236ce04d2d 100644 --- a/src/content/examples/en/02_Animation_And_Variables/02_Mobile_Device_Movement/description.mdx +++ b/src/content/examples/en/02_Animation_And_Variables/02_Mobile_Device_Movement/description.mdx @@ -12,4 +12,6 @@ In this example, the accelerationY, and accelerationZ values set the position and size of a circle. -This only works for mobile devices. \ No newline at end of file +This only works for mobile devices. + +Contributors: Caleb Foss, Kathryn Lichlyter, Lauren McCarthy, Animesh Sinha \ No newline at end of file diff --git a/src/content/examples/en/02_Animation_And_Variables/03_Conditions/description.mdx b/src/content/examples/en/02_Animation_And_Variables/03_Conditions/description.mdx index e7bf84c5f9..89aebe1f27 100644 --- a/src/content/examples/en/02_Animation_And_Variables/03_Conditions/description.mdx +++ b/src/content/examples/en/02_Animation_And_Variables/03_Conditions/description.mdx @@ -28,4 +28,6 @@ no more than 300. || checks that at least one of the conditions is true. The circle reverses horizontal speed when it reaches the left or right edge of the canvas because of the if statement -on line 75. \ No newline at end of file +on line 75. + +Contributors: Suhas CV, Caleb Foss \ No newline at end of file diff --git a/src/content/examples/en/03_Imported_Media/00_Words/description.mdx b/src/content/examples/en/03_Imported_Media/00_Words/description.mdx index 531124e2e6..d7f23573e4 100644 --- a/src/content/examples/en/03_Imported_Media/00_Words/description.mdx +++ b/src/content/examples/en/03_Imported_Media/00_Words/description.mdx @@ -8,4 +8,6 @@ The text() fu You can change the font and text size using the loadFont() and fontSize() functions. The text can be aligned left, center, or right with the textAlign() -function, and, like shapes, text can be colored with fill(). \ No newline at end of file +function, and, like shapes, text can be colored with fill(). + +Contributors: Greg Albers, Caleb Foss, Kathryn Lichlyter, Animesh Sinha \ No newline at end of file diff --git a/src/content/examples/en/03_Imported_Media/01_Copy_Image_Data/description.mdx b/src/content/examples/en/03_Imported_Media/01_Copy_Image_Data/description.mdx index 52ff812321..9f55962207 100644 --- a/src/content/examples/en/03_Imported_Media/01_Copy_Image_Data/description.mdx +++ b/src/content/examples/en/03_Imported_Media/01_Copy_Image_Data/description.mdx @@ -6,4 +6,6 @@ oneLineDescription: Paint from an image file onto the canvas. Using the copy() method, you can simulate coloring an image in by copying an image of the colored -image on top of the black-and-white image wherever the cursor is dragged. \ No newline at end of file +image on top of the black-and-white image wherever the cursor is dragged. + +Contributors: Acha, Caleb Foss, Kathryn Lichlyter, Kenneth Lim \ No newline at end of file diff --git a/src/content/examples/en/03_Imported_Media/02_Alpha_Mask/description.mdx b/src/content/examples/en/03_Imported_Media/02_Alpha_Mask/description.mdx index 47d028e8bc..6f0014624b 100644 --- a/src/content/examples/en/03_Imported_Media/02_Alpha_Mask/description.mdx +++ b/src/content/examples/en/03_Imported_Media/02_Alpha_Mask/description.mdx @@ -4,9 +4,15 @@ title: Alpha Mask oneLineDescription: Use one image to cut out a section of another image. --- -Using the -mask() -method, you can create a mask for an image to specify the transparency in -different parts of the image. To run this example locally, you will need two -image files and a running -local server. \ No newline at end of file +Using the + + + mask() + +method, you can create a mask for an image to specify the transparency in different +parts of the image. To run this example locally, you will need two image files and +a running +local server +. + +Contributors: Caleb Foss, Kathryn Lichlyter, Lauren McCarthy, Malay Vasa diff --git a/src/content/examples/en/03_Imported_Media/03_Image_Transparency/description.mdx b/src/content/examples/en/03_Imported_Media/03_Image_Transparency/description.mdx index 7adb2725b4..b7ae52d304 100644 --- a/src/content/examples/en/03_Imported_Media/03_Image_Transparency/description.mdx +++ b/src/content/examples/en/03_Imported_Media/03_Image_Transparency/description.mdx @@ -10,4 +10,6 @@ alpha value of the image with the function. Move the cursor left and right across the canvas to change the image's position. To run this example locally, you will need an image file and a running -local server. \ No newline at end of file +local server. + +Contributors: Caleb Foss, Kathryn Lichlyter, Lauren McCarthy, Animesh Sinha \ No newline at end of file diff --git a/src/content/examples/en/03_Imported_Media/04_Create_Audio/description.mdx b/src/content/examples/en/03_Imported_Media/04_Create_Audio/description.mdx index 940c52cdab..b5b36e6406 100644 --- a/src/content/examples/en/03_Imported_Media/04_Create_Audio/description.mdx +++ b/src/content/examples/en/03_Imported_Media/04_Create_Audio/description.mdx @@ -12,4 +12,6 @@ moves to the right. More information on using media elements such as audio players is on the p5.MediaElement reference page. The audio file is a -public domain piano loop by Josef Pres. \ No newline at end of file +public domain piano loop by Josef Pres. + +Contributors: Caleb Foss \ No newline at end of file diff --git a/src/content/examples/en/03_Imported_Media/05_Video/description.mdx b/src/content/examples/en/03_Imported_Media/05_Video/description.mdx index 9b58743e99..7c69139fbe 100644 --- a/src/content/examples/en/03_Imported_Media/05_Video/description.mdx +++ b/src/content/examples/en/03_Imported_Media/05_Video/description.mdx @@ -10,4 +10,6 @@ functions, you can upload a video into the DOM without embedding the video within a canvas. For building a video embedded within the canvas element, visit the -Video Canvas example. \ No newline at end of file +Video Canvas example. + +Contributors: Caleb Foss, Kathryn Lichlyter, Lauren McCarthy, Animesh Sinha, Aaron Welles \ No newline at end of file diff --git a/src/content/examples/en/03_Imported_Media/06_Video_Canvas/description.mdx b/src/content/examples/en/03_Imported_Media/06_Video_Canvas/description.mdx index 8ce74cee0f..40a59be4ec 100644 --- a/src/content/examples/en/03_Imported_Media/06_Video_Canvas/description.mdx +++ b/src/content/examples/en/03_Imported_Media/06_Video_Canvas/description.mdx @@ -4,15 +4,26 @@ title: Video on Canvas oneLineDescription: Display and stylize a video on the canvas. --- -Using the -createVideo() -and image() -functions, you can upload a video into the canvas. Since the video capture is -passed through the -image() -constructor, you can add filters to the video capture using the -filter() -method. To run this example locally, you will need a running +Using the + + + createVideo() + +and + image() + +functions, you can upload a video into the canvas. Since the video capture is passed +through the + + image() + +constructor, you can add filters to the video capture using the + + filter() + +method. To run this example locally, you will need a running local server. -To build a video without embedding it within the canvas, visit the -Video example. \ No newline at end of file +To build a video without embedding it within the canvas, visit the +Video example. + +Contributors: Caleb Foss, Kathryn Lichlyter, Animesh Sinha \ No newline at end of file diff --git a/src/content/examples/en/03_Imported_Media/07_Video_Capture/description.mdx b/src/content/examples/en/03_Imported_Media/07_Video_Capture/description.mdx index eebf559043..aca9e4db98 100644 --- a/src/content/examples/en/03_Imported_Media/07_Video_Capture/description.mdx +++ b/src/content/examples/en/03_Imported_Media/07_Video_Capture/description.mdx @@ -16,4 +16,6 @@ method. For different strategies for uploading, presenting, or styling videos, visit the Video and Video Canvas -examples. \ No newline at end of file +examples. + +Contributors: Caleb Foss, Kathryn Lichlyter, Marco Macarena, Lauren McCarthy, Animesh Sinha \ No newline at end of file diff --git a/src/content/examples/en/04_Input_Elements/00_Image_Drop/description.mdx b/src/content/examples/en/04_Input_Elements/00_Image_Drop/description.mdx index 956c89e476..c90ba73b3c 100644 --- a/src/content/examples/en/04_Input_Elements/00_Image_Drop/description.mdx +++ b/src/content/examples/en/04_Input_Elements/00_Image_Drop/description.mdx @@ -11,4 +11,6 @@ into the element. The uploaded file is created into a class. You can use the drop() callback to check the file type, then write conditional statements responding to -the file type. \ No newline at end of file +the file type. + +Contributors: Caleb Foss, Kathryn Lichlyter, Lauren McCarthy \ No newline at end of file diff --git a/src/content/examples/en/04_Input_Elements/01_Input_Button/description.mdx b/src/content/examples/en/04_Input_Elements/01_Input_Button/description.mdx index 5552cce97f..6df35ec745 100644 --- a/src/content/examples/en/04_Input_Elements/01_Input_Button/description.mdx +++ b/src/content/examples/en/04_Input_Elements/01_Input_Button/description.mdx @@ -9,4 +9,6 @@ Using the createInput(), and createButton() functions, you can take a string of text submitted via text input and display -it on your canvas. \ No newline at end of file +it on your canvas. + +Contributors: Caleb Foss, Kathryn Lichlyter, Lauren McCarthy \ No newline at end of file diff --git a/src/content/examples/en/04_Input_Elements/02_DOM_Form_Elements/description.mdx b/src/content/examples/en/04_Input_Elements/02_DOM_Form_Elements/description.mdx index 4f948d9840..7f3be1ae11 100644 --- a/src/content/examples/en/04_Input_Elements/02_DOM_Form_Elements/description.mdx +++ b/src/content/examples/en/04_Input_Elements/02_DOM_Form_Elements/description.mdx @@ -12,4 +12,6 @@ and create a select, input, or radio button and update the DOM based on the information. - \ No newline at end of file + + +Contributors: Suhas CV, Caleb Foss, Kathryn Lichlyter \ No newline at end of file diff --git a/src/content/examples/en/05_Transformation/00_Translate/description.mdx b/src/content/examples/en/05_Transformation/00_Translate/description.mdx index d7a24640c3..015b741ed8 100644 --- a/src/content/examples/en/05_Transformation/00_Translate/description.mdx +++ b/src/content/examples/en/05_Transformation/00_Translate/description.mdx @@ -17,4 +17,6 @@ functions save and restore the coordinate system and various other drawing settings, such as the fill color. Note that in this example, we draw the shapes (rectangle and -circle) each time in a different coordinate system. \ No newline at end of file +circle) each time in a different coordinate system. + +Contributors: Christopher Coleman, Caleb Foss, Darren Kessner \ No newline at end of file diff --git a/src/content/examples/en/05_Transformation/01_Rotate/description.mdx b/src/content/examples/en/05_Transformation/01_Rotate/description.mdx index 2b051324dd..0cff8fa6bf 100644 --- a/src/content/examples/en/05_Transformation/01_Rotate/description.mdx +++ b/src/content/examples/en/05_Transformation/01_Rotate/description.mdx @@ -17,4 +17,6 @@ The push() and pop() -functions save and restore the coordinate system, respectively. \ No newline at end of file +functions save and restore the coordinate system, respectively. + +Contributors: Christopher Coleman, Caleb Foss, Darren Kessner \ No newline at end of file diff --git a/src/content/examples/en/05_Transformation/02_Scale/description.mdx b/src/content/examples/en/05_Transformation/02_Scale/description.mdx index 6321e724ba..841f3a8a59 100644 --- a/src/content/examples/en/05_Transformation/02_Scale/description.mdx +++ b/src/content/examples/en/05_Transformation/02_Scale/description.mdx @@ -16,4 +16,6 @@ and functions save and restore the coordinate system, respectively. In this example, a square size 200 is drawn at the origin, with -three different scaling factors. \ No newline at end of file +three different scaling factors. + +Contributors: Christopher Coleman, Caleb Foss, Darren Kessner, Animesh Sinha \ No newline at end of file diff --git a/src/content/examples/en/06_Calculating_Values/00_Interpolate/description.mdx b/src/content/examples/en/06_Calculating_Values/00_Interpolate/description.mdx index a9d2857179..f80fa0e3c7 100644 --- a/src/content/examples/en/06_Calculating_Values/00_Interpolate/description.mdx +++ b/src/content/examples/en/06_Calculating_Values/00_Interpolate/description.mdx @@ -14,4 +14,6 @@ function linearly interpolates between two numbers. Move the mouse across the screen and the symbol will follow. Between drawing each frame of the animation, the ellipse moves part -of the distance from its current position toward the cursor. \ No newline at end of file +of the distance from its current position toward the cursor. + +Contributors: Caleb Foss, Kristian Hamilton, Animesh Sinha \ No newline at end of file diff --git a/src/content/examples/en/06_Calculating_Values/01_Map/description.mdx b/src/content/examples/en/06_Calculating_Values/01_Map/description.mdx index 7a22de001d..71c875d05b 100644 --- a/src/content/examples/en/06_Calculating_Values/01_Map/description.mdx +++ b/src/content/examples/en/06_Calculating_Values/01_Map/description.mdx @@ -10,4 +10,6 @@ function converts a value from one range to another. In this example, map converts the cursor's horizontal position from a range of 0-720 to 0-360. The resulting value become the circle's hue. Map also converts the cursor's vertical position from a range of 0-400 to 20-300. The resulting value -becomes the circle's diameter. \ No newline at end of file +becomes the circle's diameter. + +Contributors: Caleb Foss, Keshav Gupta, Berke Özgen \ No newline at end of file diff --git a/src/content/examples/en/06_Calculating_Values/02_Random/description.mdx b/src/content/examples/en/06_Calculating_Values/02_Random/description.mdx index e20ca14f30..f1ded7450b 100644 --- a/src/content/examples/en/06_Calculating_Values/02_Random/description.mdx +++ b/src/content/examples/en/06_Calculating_Values/02_Random/description.mdx @@ -9,4 +9,6 @@ This example demonstrates the use of the function. When the user presses the mouse button, the position and color -of the circle change randomly. \ No newline at end of file +of the circle change randomly. + +Contributors: Caleb Foss, Darren Kessner, Lauren McCarthy, Animesh Sinha \ No newline at end of file diff --git a/src/content/examples/en/06_Calculating_Values/03_Constrain/description.mdx b/src/content/examples/en/06_Calculating_Values/03_Constrain/description.mdx index 4af858d081..8e472f7c69 100644 --- a/src/content/examples/en/06_Calculating_Values/03_Constrain/description.mdx +++ b/src/content/examples/en/06_Calculating_Values/03_Constrain/description.mdx @@ -8,4 +8,6 @@ This example draws a circle as the cursor's position but keeps the circle within a rectangle. It does so by passing the mouse's coordinates into the constrain() -function. \ No newline at end of file +function. + +Contributors: Caleb Foss, Animesh Sinha, adil rabbani \ No newline at end of file diff --git a/src/content/examples/en/06_Calculating_Values/04_Clock/description.mdx b/src/content/examples/en/06_Calculating_Values/04_Clock/description.mdx index 7442ebc947..172d59e03b 100644 --- a/src/content/examples/en/06_Calculating_Values/04_Clock/description.mdx +++ b/src/content/examples/en/06_Calculating_Values/04_Clock/description.mdx @@ -12,4 +12,6 @@ functions. This example uses map() to calculate the angle of the hands. It then uses transformations -to set their position. \ No newline at end of file +to set their position. + +Contributors: Caleb Foss, Animesh Sinha, adil rabbani \ No newline at end of file diff --git a/src/content/examples/en/07_Repetition/00_Color_Interpolation/description.mdx b/src/content/examples/en/07_Repetition/00_Color_Interpolation/description.mdx index bf5d9c565c..7def0c114c 100644 --- a/src/content/examples/en/07_Repetition/00_Color_Interpolation/description.mdx +++ b/src/content/examples/en/07_Repetition/00_Color_Interpolation/description.mdx @@ -15,4 +15,6 @@ function linearly interpolates between two numbers. The function, demonstrated here, linearly interpolates between two colors. In this example, the stripeCount variable adjusts how many horizontal stripes appear. Setting the value to a higher number will look less -like individual stripes and more like a gradient. \ No newline at end of file +like individual stripes and more like a gradient. + +Contributors: Caleb Foss, Malay Vasa \ No newline at end of file diff --git a/src/content/examples/en/07_Repetition/01_Color_Wheel/description.mdx b/src/content/examples/en/07_Repetition/01_Color_Wheel/description.mdx index 08f077eedb..e7f1448061 100644 --- a/src/content/examples/en/07_Repetition/01_Color_Wheel/description.mdx +++ b/src/content/examples/en/07_Repetition/01_Color_Wheel/description.mdx @@ -13,4 +13,6 @@ well as its hue. Each time the loop repeats, a circle is drawn relative to the center of the canvas. The push() and pop() -functions make these transformations affect only the individual circle. \ No newline at end of file +functions make these transformations affect only the individual circle. + +Contributors: Caleb Foss, Malay Vasa \ No newline at end of file diff --git a/src/content/examples/en/07_Repetition/02_Bezier/description.mdx b/src/content/examples/en/07_Repetition/02_Bezier/description.mdx index 5923273323..9cee684716 100644 --- a/src/content/examples/en/07_Repetition/02_Bezier/description.mdx +++ b/src/content/examples/en/07_Repetition/02_Bezier/description.mdx @@ -10,4 +10,6 @@ The first two parameters for the bezier() function specify the first point in the curve and the last two parameters specify the last point. The middle parameters set the control points that -define the shape of the curve. \ No newline at end of file +define the shape of the curve. + +Contributors: Caleb Foss, Kathryn Lichlyter, Lauren McCarthy, Animesh Sinha \ No newline at end of file diff --git a/src/content/examples/en/07_Repetition/03_Kaleidoscope/description.mdx b/src/content/examples/en/07_Repetition/03_Kaleidoscope/description.mdx index 250e3a1ff0..17c80beb39 100644 --- a/src/content/examples/en/07_Repetition/03_Kaleidoscope/description.mdx +++ b/src/content/examples/en/07_Repetition/03_Kaleidoscope/description.mdx @@ -9,4 +9,6 @@ reflecting surfaces tilted to each other at an angle. Using the translate(), rotate(), and scale() functions, you can replicate the resulting visual -of a kaleidoscope in a canvas. \ No newline at end of file +of a kaleidoscope in a canvas. + +Contributors: Caleb Foss, Kathryn Lichlyter, Ritesh Patil \ No newline at end of file diff --git a/src/content/examples/en/07_Repetition/04_Noise/description.mdx b/src/content/examples/en/07_Repetition/04_Noise/description.mdx index 5f772ecde0..d4445c5a3a 100644 --- a/src/content/examples/en/07_Repetition/04_Noise/description.mdx +++ b/src/content/examples/en/07_Repetition/04_Noise/description.mdx @@ -12,4 +12,6 @@ function in p5 produces Perlin noise. The dots in this example are sized based on noise values. The slider on the left sets the distance between dots. The slider on the right sets an offset -in the noise calculation. \ No newline at end of file +in the noise calculation. + +Contributors: Caleb Foss \ No newline at end of file diff --git a/src/content/examples/en/07_Repetition/05_Recursive_Tree/description.mdx b/src/content/examples/en/07_Repetition/05_Recursive_Tree/description.mdx index 9b574583e3..b0c78bd38a 100644 --- a/src/content/examples/en/07_Repetition/05_Recursive_Tree/description.mdx +++ b/src/content/examples/en/07_Repetition/05_Recursive_Tree/description.mdx @@ -8,3 +8,6 @@ This is an example of rendering a simple tree-like structure via recursion. The branching angle is calculated as a function of the horizontal mouse location. Move the mouse left and right to change the angle. Based on Daniel Shiffman's Recursive Tree Example for Processing. + + +Contributors: Caleb Foss, Darren Kessner, Urvashi \ No newline at end of file diff --git a/src/content/examples/en/08_Listing_Data_with_Arrays/00_Random_Poetry/description.mdx b/src/content/examples/en/08_Listing_Data_with_Arrays/00_Random_Poetry/description.mdx index 285c6d62a8..e8a3383ec0 100644 --- a/src/content/examples/en/08_Listing_Data_with_Arrays/00_Random_Poetry/description.mdx +++ b/src/content/examples/en/08_Listing_Data_with_Arrays/00_Random_Poetry/description.mdx @@ -5,8 +5,15 @@ oneLineDescription: Generate a poem with words randomly selected from a bank. --- Using the -floor() + + + floor() + and -random() -functions, you can randomly select a series of items from an array -and draw them at different sizes and positions on the canvas. \ No newline at end of file + + random() + +functions, you can randomly select a series of items from an array and draw them +at different sizes and positions on the canvas. + +Contributors: Caleb Foss, Kathryn Lichlyter, Malay Vasa diff --git a/src/content/examples/en/09_Angles_And_Motion/00_Sine_Cosine/description.mdx b/src/content/examples/en/09_Angles_And_Motion/00_Sine_Cosine/description.mdx index 1ee49f8fb4..71f8dc6907 100644 --- a/src/content/examples/en/09_Angles_And_Motion/00_Sine_Cosine/description.mdx +++ b/src/content/examples/en/09_Angles_And_Motion/00_Sine_Cosine/description.mdx @@ -6,6 +6,7 @@ featured: true --- This example demonstrates the + sine and cosine mathematical functions. @@ -13,4 +14,6 @@ The animation shows uniform circular motion around the unit circle (circle with radius 1). Any angle measured from the the x-axis determines a point on the circle. The cosine and sine of the angle are defined to be the x and y coordinates, respectively, of that -point. \ No newline at end of file +point. + +Contributors: Caleb Foss, Darren Kessner, Malay Vasa diff --git a/src/content/examples/en/09_Angles_And_Motion/01_Aim/description.mdx b/src/content/examples/en/09_Angles_And_Motion/01_Aim/description.mdx index 9ae9da1f08..1bb65997dd 100644 --- a/src/content/examples/en/09_Angles_And_Motion/01_Aim/description.mdx +++ b/src/content/examples/en/09_Angles_And_Motion/01_Aim/description.mdx @@ -5,7 +5,12 @@ oneLineDescription: Rotate toward a point. --- The -atan2() -function calculates the angle between two positions. The angle it -calculates can be used to rotate a shape toward something. In this -example, the eyes rotate to look at the cursor. \ No newline at end of file + + + atan2() + +function calculates the angle between two positions. The angle it calculates can +be used to rotate a shape toward something. In this example, the eyes rotate to look +at the cursor. + +Contributors: Caleb Foss, Darren Kessner, Kenneth Lim, Animesh Sinha, Malay Vasa diff --git a/src/content/examples/en/09_Angles_And_Motion/02_Triangle_Strip/description.mdx b/src/content/examples/en/09_Angles_And_Motion/02_Triangle_Strip/description.mdx index 3a3f6cadc7..06c9d00fcd 100644 --- a/src/content/examples/en/09_Angles_And_Motion/02_Triangle_Strip/description.mdx +++ b/src/content/examples/en/09_Angles_And_Motion/02_Triangle_Strip/description.mdx @@ -10,4 +10,6 @@ by specifying its vertices in TRIANGLE_STRIP mode, using the endShape(), and vertex() -functions. \ No newline at end of file +functions. + +Contributors: Caleb Foss, Darren Kessner, Lauren McCarthy, Animesh Sinha \ No newline at end of file diff --git a/src/content/examples/en/10_Games/00_Circle_Clicker/description.mdx b/src/content/examples/en/10_Games/00_Circle_Clicker/description.mdx index ac35b9573a..7d0dd5c1dc 100644 --- a/src/content/examples/en/10_Games/00_Circle_Clicker/description.mdx +++ b/src/content/examples/en/10_Games/00_Circle_Clicker/description.mdx @@ -7,4 +7,6 @@ oneLineDescription: Make a game about clicking a circle quickly and save the hig This example demonstrates a game with a time limit and score. The browser's local storage stores the high score so when the game is played again using the same browser, -the high score remains. Clearing the browser data also clears the high score. \ No newline at end of file +the high score remains. Clearing the browser data also clears the high score. + +Contributors: Caleb Foss \ No newline at end of file diff --git a/src/content/examples/en/10_Games/01_Ping_Pong/description.mdx b/src/content/examples/en/10_Games/01_Ping_Pong/description.mdx index c482d5aa20..cdb39713f4 100644 --- a/src/content/examples/en/10_Games/01_Ping_Pong/description.mdx +++ b/src/content/examples/en/10_Games/01_Ping_Pong/description.mdx @@ -11,4 +11,6 @@ In this two-player game, each player controls a paddle, represented by a white rectangle. The W and S keys move the paddle on the left up and down, and the up and down arrow keys move the paddle on the right up and down. Players score points by bouncing the ball, represented by a white square, -past the edge of the opponent's side of the canvas.` \ No newline at end of file +past the edge of the opponent's side of the canvas.` + +Contributors: Caleb Foss \ No newline at end of file diff --git a/src/content/examples/en/10_Games/02_Snake/description.mdx b/src/content/examples/en/10_Games/02_Snake/description.mdx index 7cfceae746..646fd48b8a 100644 --- a/src/content/examples/en/10_Games/02_Snake/description.mdx +++ b/src/content/examples/en/10_Games/02_Snake/description.mdx @@ -18,4 +18,6 @@ of the play area. This example uses an array of vectors to store the positions of each of the segments of the snake. The arrow -keys control the snake's movement. \ No newline at end of file +keys control the snake's movement. + +Contributors: Caleb Foss, Prashant Gupta, Animesh Sinha \ No newline at end of file diff --git a/src/content/examples/en/11_3D/00_Geometries/description.mdx b/src/content/examples/en/11_3D/00_Geometries/description.mdx index 8cd5e3541e..5222ec57f6 100644 --- a/src/content/examples/en/11_3D/00_Geometries/description.mdx +++ b/src/content/examples/en/11_3D/00_Geometries/description.mdx @@ -12,4 +12,6 @@ cylinder, cone, torus, sphere, and ellipsoid. Additionally, displays a custom geometry loaded via loadModel(). This example includes each of the primitive shapes. It also includes a model -from NASA's collection. \ No newline at end of file +from NASA's collection. + +Contributors: Caleb Foss, Lauren McCarthy, Animesh Sinha, Austin Lee Slominski, Gabriel Sroka \ No newline at end of file diff --git a/src/content/examples/en/11_3D/01_Custom_Geometry/description.mdx b/src/content/examples/en/11_3D/01_Custom_Geometry/description.mdx index e3e7d1500f..4e52a290c0 100644 --- a/src/content/examples/en/11_3D/01_Custom_Geometry/description.mdx +++ b/src/content/examples/en/11_3D/01_Custom_Geometry/description.mdx @@ -7,4 +7,6 @@ oneLineDescription: Generate a 3D shape programmatically. The buildGeometry() function stores shapes into a 3D model that can be efficiently used and -reused. \ No newline at end of file +reused. + +Contributors: Caleb Foss, Dave Pagurek \ No newline at end of file diff --git a/src/content/examples/en/11_3D/02_Materials/description.mdx b/src/content/examples/en/11_3D/02_Materials/description.mdx index 46da260ebb..56863dfd35 100644 --- a/src/content/examples/en/11_3D/02_Materials/description.mdx +++ b/src/content/examples/en/11_3D/02_Materials/description.mdx @@ -29,4 +29,6 @@ vertices. Additionally, texture() wraps an object with an image. The model and image texture in this example are -from NASA's collection. \ No newline at end of file +from NASA's collection. + +Contributors: Caleb Foss, Lauren McCarthy, Aidan Nelson \ No newline at end of file diff --git a/src/content/examples/en/11_3D/03_Orbit_Control/description.mdx b/src/content/examples/en/11_3D/03_Orbit_Control/description.mdx index 87bc45aef0..28408de433 100644 --- a/src/content/examples/en/11_3D/03_Orbit_Control/description.mdx +++ b/src/content/examples/en/11_3D/03_Orbit_Control/description.mdx @@ -11,4 +11,6 @@ sketch. To rotate the camera, left click and drag a mouse or swipe on a touch screen. To pan the camera, right click and drag a mouse or swipe with multiple fingers on a touch screen. To move the camera closer or further to the center of the sketch, use the scroll wheel -on a mouse or pinch in/out on a touch screen. \ No newline at end of file +on a mouse or pinch in/out on a touch screen. + +Contributors: Caleb Foss, Lauren McCarthy, Animesh Sinha \ No newline at end of file diff --git a/src/content/examples/en/11_3D/04_Filter_Shader/description.mdx b/src/content/examples/en/11_3D/04_Filter_Shader/description.mdx index aa075c8a15..d7ce5dbecc 100644 --- a/src/content/examples/en/11_3D/04_Filter_Shader/description.mdx +++ b/src/content/examples/en/11_3D/04_Filter_Shader/description.mdx @@ -5,4 +5,6 @@ oneLineDescription: Manipulate imagery with a shader. --- Filter shaders are a way to apply an effect to anything that -is on the canvas. In this example, the effect is applied to a video. \ No newline at end of file +is on the canvas. In this example, the effect is applied to a video. + +Contributors: Dave Pagurek \ No newline at end of file diff --git a/src/content/examples/en/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx b/src/content/examples/en/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx index 2bd82b1eb9..c18c6b9291 100644 --- a/src/content/examples/en/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx +++ b/src/content/examples/en/11_3D/05_Adjusting_Positions_With_A_Shader/description.mdx @@ -5,4 +5,6 @@ oneLineDescription: Use a shader to adjust shape vertices. --- Shaders can adjust the positions of the vertices of shapes. -This lets you distort and animate 3D models. \ No newline at end of file +This lets you distort and animate 3D models. + +Contributors: Caleb Foss, Dave Pagurek \ No newline at end of file diff --git a/src/content/examples/en/11_3D/06_Framebuffer_Blur/description.mdx b/src/content/examples/en/11_3D/06_Framebuffer_Blur/description.mdx index a4e0607c0d..b943b4dec9 100644 --- a/src/content/examples/en/11_3D/06_Framebuffer_Blur/description.mdx +++ b/src/content/examples/en/11_3D/06_Framebuffer_Blur/description.mdx @@ -11,4 +11,6 @@ in this example uses depth information from a to apply a blur. On a real camera, objects appear blurred if they are closer or farther than the lens's focus. This simulates that effect. First, the sketch renders five spheres to the framebuffer. -Then, it renders the framebuffer to the canvas using the blur shader. \ No newline at end of file +Then, it renders the framebuffer to the canvas using the blur shader. + +Contributors: Caleb Foss, Dave Pagurek \ No newline at end of file diff --git a/src/content/examples/en/12_Advanced_Canvas_Rendering/00_Create_Graphics/description.mdx b/src/content/examples/en/12_Advanced_Canvas_Rendering/00_Create_Graphics/description.mdx index 5d3e4c877a..deae317b75 100644 --- a/src/content/examples/en/12_Advanced_Canvas_Rendering/00_Create_Graphics/description.mdx +++ b/src/content/examples/en/12_Advanced_Canvas_Rendering/00_Create_Graphics/description.mdx @@ -9,4 +9,6 @@ The function can be used to create a new p5.Graphics object, which can serve as an off-screen graphics buffer within the canvas. Off-screen buffers can have different dimensions and properties than their current display surface, even -though they appear to be existing in the same space. \ No newline at end of file +though they appear to be existing in the same space. + +Contributors: Caleb Foss, Kathryn Lichlyter, Lauren McCarthy, Animesh Sinha \ No newline at end of file diff --git a/src/content/examples/en/12_Advanced_Canvas_Rendering/01_Multiple_Canvases/description.mdx b/src/content/examples/en/12_Advanced_Canvas_Rendering/01_Multiple_Canvases/description.mdx index 5376944c2f..e410c20a81 100644 --- a/src/content/examples/en/12_Advanced_Canvas_Rendering/01_Multiple_Canvases/description.mdx +++ b/src/content/examples/en/12_Advanced_Canvas_Rendering/01_Multiple_Canvases/description.mdx @@ -13,4 +13,6 @@ p5 may have its own canvas. To use instance mode, a function must be defined with a parameter representing the p5 instance (labeled p in this example). All the p5 functions and variables that are typically global will belong to this parameter within this function's -scope. Passing the function into the p5 constructor, runs it. \ No newline at end of file +scope. Passing the function into the p5 constructor, runs it. + +Contributors: Caleb Foss \ No newline at end of file diff --git a/src/content/examples/en/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx b/src/content/examples/en/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx index 7dc667b5a7..075586c9dd 100644 --- a/src/content/examples/en/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx +++ b/src/content/examples/en/12_Advanced_Canvas_Rendering/02_Shader_As_A_Texture/description.mdx @@ -7,4 +7,7 @@ oneLineDescription: Generate a texture for a 3D shape using a shader. Shaders can be applied to 2D/3D shapes as textures. To learn more about using shaders in p5.js: -p5.js Shaders \ No newline at end of file + +p5.js Shaders + +Contributors: Casey Conchinha, Caleb Foss \ No newline at end of file diff --git a/src/content/examples/en/13_Classes_And_Objects/00_Snowflakes/description.mdx b/src/content/examples/en/13_Classes_And_Objects/00_Snowflakes/description.mdx index 322ede7bd1..e7c84418d2 100644 --- a/src/content/examples/en/13_Classes_And_Objects/00_Snowflakes/description.mdx +++ b/src/content/examples/en/13_Classes_And_Objects/00_Snowflakes/description.mdx @@ -8,4 +8,6 @@ This example demonstrates the use of a particle system to simulate the motion of falling snowflakes. This program defines a snowflake class -and uses an array to hold the snowflake objects. \ No newline at end of file +and uses an array to hold the snowflake objects. + +Contributors: Aatish Bhatia, Caleb Foss, Darren Kessner \ No newline at end of file diff --git a/src/content/examples/en/13_Classes_And_Objects/01_Shake_Ball_Bounce/description.mdx b/src/content/examples/en/13_Classes_And_Objects/01_Shake_Ball_Bounce/description.mdx index 943efe4bd5..7b7bb52595 100644 --- a/src/content/examples/en/13_Classes_And_Objects/01_Shake_Ball_Bounce/description.mdx +++ b/src/content/examples/en/13_Classes_And_Objects/01_Shake_Ball_Bounce/description.mdx @@ -8,4 +8,6 @@ Using a class, you can create a collection of circles that move within the canvas in response to the tilt of a mobile device. You must open this page on a mobile -device to display the sketch. \ No newline at end of file +device to display the sketch. + +Contributors: Caleb Foss, Kathryn Lichlyter, Lauren McCarthy, Animesh Sinha \ No newline at end of file diff --git a/src/content/examples/en/13_Classes_And_Objects/02_Connected_Particles/description.mdx b/src/content/examples/en/13_Classes_And_Objects/02_Connected_Particles/description.mdx index 098535b3c6..ababdd97cf 100644 --- a/src/content/examples/en/13_Classes_And_Objects/02_Connected_Particles/description.mdx +++ b/src/content/examples/en/13_Classes_And_Objects/02_Connected_Particles/description.mdx @@ -13,4 +13,6 @@ of objects created from the Particle class. It renders lines connecting each of the particles. When the user clicks the mouse, the sketch creates a new instance of the Path class. When the user drags the mouse, the sketch adds a new instance of the Particle class to -the current path. \ No newline at end of file +the current path. + +Contributors: Caleb Foss, Jithin KS, Lauren McCarthy \ No newline at end of file diff --git a/src/content/examples/en/13_Classes_And_Objects/03_Flocking/description.mdx b/src/content/examples/en/13_Classes_And_Objects/03_Flocking/description.mdx index 538373ce18..d86bf00982 100644 --- a/src/content/examples/en/13_Classes_And_Objects/03_Flocking/description.mdx +++ b/src/content/examples/en/13_Classes_And_Objects/03_Flocking/description.mdx @@ -9,4 +9,6 @@ Full discussion of the implementation can be found in the Nature of Code book by Daniel Shiffman. The simulation is based on the research of Craig Reynolds, who -used the term 'boid' to represent a bird-like object. \ No newline at end of file +used the term 'boid' to represent a bird-like object. + +Contributors: Caleb Foss, Keshav Gupta, Darren Kessner, Lauren McCarthy \ No newline at end of file diff --git a/src/content/examples/en/14_Loading_And_Saving_Data/00_Local_Storage/description.mdx b/src/content/examples/en/14_Loading_And_Saving_Data/00_Local_Storage/description.mdx index fcdb6c53aa..d6e40678fe 100644 --- a/src/content/examples/en/14_Loading_And_Saving_Data/00_Local_Storage/description.mdx +++ b/src/content/examples/en/14_Loading_And_Saving_Data/00_Local_Storage/description.mdx @@ -18,4 +18,6 @@ Tabular Data examples for Processing written in Java. It uses a class to organize data for a bubble. The visitor can add new bubbles, and their data will be saved in local storage. If the visitor revisits the sketch, it will -reload the same bubbles. \ No newline at end of file +reload the same bubbles. + +Contributors: Caleb Foss, Cameron Yick \ No newline at end of file diff --git a/src/content/examples/en/14_Loading_And_Saving_Data/01_JSON/description.mdx b/src/content/examples/en/14_Loading_And_Saving_Data/01_JSON/description.mdx index 9ceaf6564e..26df2614c8 100644 --- a/src/content/examples/en/14_Loading_And_Saving_Data/01_JSON/description.mdx +++ b/src/content/examples/en/14_Loading_And_Saving_Data/01_JSON/description.mdx @@ -12,4 +12,6 @@ written in Java. It uses a class to organize data for a bubble. When the sketch starts, it loads the data for two bubbles from a JSON file. The visitor can add -new bubbles, download an updated JSON file, and load in a JSON file. \ No newline at end of file +new bubbles, download an updated JSON file, and load in a JSON file. + +Contributors: Caleb Foss, Cameron Yick \ No newline at end of file diff --git a/src/content/examples/en/14_Loading_And_Saving_Data/02_Table/description.mdx b/src/content/examples/en/14_Loading_And_Saving_Data/02_Table/description.mdx index e053d9fdc3..dac1be6ef9 100644 --- a/src/content/examples/en/14_Loading_And_Saving_Data/02_Table/description.mdx +++ b/src/content/examples/en/14_Loading_And_Saving_Data/02_Table/description.mdx @@ -13,3 +13,6 @@ example for Processing. It uses a class to organize data representing a bubble. When the sketch starts, it loads the data for four bubbles from a CSV file. The visitor can add new bubbles, download an updated CSV file, and load in a CSV file. + + +Contributors: Caleb Foss, sm7515 \ No newline at end of file diff --git a/src/content/examples/en/15_Math_And_Physics/00_Non_Orthogonal_Reflection/description.mdx b/src/content/examples/en/15_Math_And_Physics/00_Non_Orthogonal_Reflection/description.mdx index abdaaeed0a..2f7ec74930 100644 --- a/src/content/examples/en/15_Math_And_Physics/00_Non_Orthogonal_Reflection/description.mdx +++ b/src/content/examples/en/15_Math_And_Physics/00_Non_Orthogonal_Reflection/description.mdx @@ -15,4 +15,6 @@ and the vector methods add() and dot() -for the vector calculations. \ No newline at end of file +for the vector calculations. + +Contributors: Darren Kessner, Animesh Sinha, davidblitz \ No newline at end of file diff --git a/src/content/examples/en/15_Math_And_Physics/01_Soft_Body/description.mdx b/src/content/examples/en/15_Math_And_Physics/01_Soft_Body/description.mdx index a0c817275e..d7753150f9 100644 --- a/src/content/examples/en/15_Math_And_Physics/01_Soft_Body/description.mdx +++ b/src/content/examples/en/15_Math_And_Physics/01_Soft_Body/description.mdx @@ -9,4 +9,6 @@ acceleration toward the mouse position. The shape is created with curves using curveVertex() and -curveTightness(). \ No newline at end of file +curveTightness(). + +Contributors: Caleb Foss, Keshav Gupta, Darren Kessner, Lauren McCarthy \ No newline at end of file diff --git a/src/content/examples/en/15_Math_And_Physics/02_Forces/description.mdx b/src/content/examples/en/15_Math_And_Physics/02_Forces/description.mdx index fc3821f9a2..54a2e8f587 100644 --- a/src/content/examples/en/15_Math_And_Physics/02_Forces/description.mdx +++ b/src/content/examples/en/15_Math_And_Physics/02_Forces/description.mdx @@ -13,4 +13,6 @@ The force calculations are performed using the p5.Vector class, including the createVector() -function to create vectors. \ No newline at end of file +function to create vectors. + +Contributors: Caleb Foss, Keshav Gupta, Darren Kessner, Lauren McCarthy \ No newline at end of file diff --git a/src/content/examples/en/15_Math_And_Physics/03_Smoke_Particle_System/description.mdx b/src/content/examples/en/15_Math_And_Physics/03_Smoke_Particle_System/description.mdx index cf8632532f..6553f55557 100644 --- a/src/content/examples/en/15_Math_And_Physics/03_Smoke_Particle_System/description.mdx +++ b/src/content/examples/en/15_Math_And_Physics/03_Smoke_Particle_System/description.mdx @@ -20,4 +20,6 @@ positions and velocities are performed with p5.Vector methods. The particle system is implemented as a class, which contains an array of -objects (of class Particle). \ No newline at end of file +objects (of class Particle). + +Contributors: Caleb Foss, Keshav Gupta, Darren Kessner, Lauren McCarthy \ No newline at end of file diff --git a/src/content/examples/en/15_Math_And_Physics/04_Game_Of_Life/description.mdx b/src/content/examples/en/15_Math_And_Physics/04_Game_Of_Life/description.mdx index 0318c438b4..3c8a6bcb18 100644 --- a/src/content/examples/en/15_Math_And_Physics/04_Game_Of_Life/description.mdx +++ b/src/content/examples/en/15_Math_And_Physics/04_Game_Of_Life/description.mdx @@ -19,4 +19,6 @@ to the next generation. These rules generate complex interactions. Click the canvas to start the simulation with randomized cells. Clicking the canvas again will -restart it. \ No newline at end of file +restart it. + +Contributors: Caleb Foss, Keshav Gupta, Lauren McCarthy, crh82 \ No newline at end of file diff --git a/src/content/examples/en/15_Math_And_Physics/05_Mandelbrot/description.mdx b/src/content/examples/en/15_Math_And_Physics/05_Mandelbrot/description.mdx index e0a668a11d..b2b8226a5a 100644 --- a/src/content/examples/en/15_Math_And_Physics/05_Mandelbrot/description.mdx +++ b/src/content/examples/en/15_Math_And_Physics/05_Mandelbrot/description.mdx @@ -6,4 +6,6 @@ oneLineDescription: Visualize a mathematical set that produces fractal structure Colorful rendering of the Mandelbrot set based on Daniel Shiffman's -Mandelbrot Example for Processing. \ No newline at end of file +Mandelbrot Example for Processing. + +Contributors: Caleb Foss, Darren Kessner, Urvashi \ No newline at end of file