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..6ce257dd6e 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,10 @@ primitive functions arc(), line(), triangle(), -and quad(). \ No newline at end of file +and quad(). + +Contributors from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..0f2d1e8f90 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..964de65240 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 @@ -8,15 +8,22 @@ Click and drag the mouse to draw a line. This example demonstrates the use of several built-in variables. + mouseX and mouseY -store the current mouse position, while the -previous mouse position is represented by +store the current mouse position, while the previous mouse position is represented +by pmouseX and -pmouseY. - * -This example also shows the use of +pmouseY. * 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. 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..c39ad31d39 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..5c9a60a5ba 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..ba9aa42f33 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..a5460caa66 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..d57edc6b9e 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..6b8fc0d19c 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 @@ -9,4 +9,10 @@ Using the 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 +local server. + +Contributors from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ No newline at end of file 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..ae0aade4eb 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..dd18164bfa 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..b326abbced 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..877637ee9d 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 @@ -15,4 +15,10 @@ constructor, you can add filters to the video capture using the 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 +Video example. + +Contributors from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..420eccca0d 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..87070060e5 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..0fc9492946 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..6554bd42e6 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,9 @@ and create a select, input, or radio button and update the DOM based on the information. - \ No newline at end of file + +Contributors from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..848033af30 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..37fd2cacff 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..fe9c44d431 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..a2bc2aabbf 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..6eb36974df 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..b082d40ce7 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..5267f76f2c 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..b2abeca63b 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..0a18ed3386 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..4d475ce335 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..f74d4b1114 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..d6ac198ddd 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..cf48e87cb5 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..e58c4d73d7 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,9 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..89d602d3da 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 @@ -9,4 +9,10 @@ Using the 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 +and draw them at different sizes and positions on the canvas. + +Contributors from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ No newline at end of file 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..7577f888c9 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 @@ -13,4 +13,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ No newline at end of file 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..e393f88fb8 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 @@ -8,4 +8,10 @@ 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 +example, the eyes rotate to look at the cursor. + +Contributors from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ No newline at end of file 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..1345599971 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,10 @@ by specifying its vertices in TRIANGLE_STRIP mode, using the endShape(), and vertex() -functions. \ No newline at end of file +functions. + +Contributors from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..56e27067e0 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..6dccccb557 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..6789bd0c28 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..df54cac89f 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..9d05a4448d 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..bff985fe17 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..68736c8219 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..1abecceb90 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..5456488095 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..9a0b5b8997 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..3629fda367 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..e615c5bcd0 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..89ce7695a4 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..26a902ff24 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..57f14e8962 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..da8be14b5b 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..8325c3ec3d 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..fa146a409a 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..7f0e67981b 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..a731ebbce9 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,9 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..9ee38a0862 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,10 @@ and the vector methods add() and dot() -for the vector calculations. \ No newline at end of file +for the vector calculations. + +Contributors from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..6f9ea338be 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,10 @@ acceleration toward the mouse position. The shape is created with curves using curveVertex() and -curveTightness(). \ No newline at end of file +curveTightness(). + +Contributors from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..daa41459f6 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..f3e4ce47da 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..f1cda775c5 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ 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..8e5368148f 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,10 @@ 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 from the p5 community wrote this example. Soon their names will +appear here. In the meantime, you can +see their contributions in the source code. \ No newline at end of file