Examples attribution metadata

ksen0 · ksen0 · commit e428920af556 · 2025-09-01T09:30:19.000+02:00
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
@@ -12,9 +12,22 @@ remix:
     attribution:
      - name: Darren Kessner
        URL: https://github.com/dkessner
-  - collective:
-      since: 2024
 
+  - description: Created by
+
+    attribution:
+      - name: Caleb Foss
+        URL: https://github.com/calebfoss
+      - name: Darren Kessner
+        URL: https://github.com/dkessner
+ 
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/01_Shapes_And_Color/00_Shape_Primitives
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/01_Form/01_Shape_Primitives.js
+        
+  - collectivelyAttributedSince: 2024
 ---
 
 This program demonstrates the use of the basic shape
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
@@ -16,7 +16,7 @@ remix:
  
     code:
       - label: 2023 code
-        URL: https://github.com/processing/p5.js-example/tree/main/examples/02_Animation_And_Variables/03_Conditions
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/01_Shapes_And_Color/01_Color
 
   - collectivelyAttributedSince: 2024
 
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
@@ -11,6 +11,11 @@ remix:
       - name: Darren Kessner
         URL: https://github.com/dkessner
 
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/02_Animation_And_Variables/01_Animation_With_Events
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/00_Structure/06_Redraw.js
 ---
 
 This example demonstrates the use of
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
@@ -13,6 +13,11 @@ remix:
       - name: Kasey Lichtlyter
         URL: https://www.klich.co/
 
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/02_Animation_And_Variables/02_Mobile_Device_Movement
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/35_Mobile/02_Acceleration_Color.js
 ---
 
 The <a href="https://p5js.org/reference/p5/deviceMoved" target="_blank">deviceMoved()</a>
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
@@ -12,6 +12,12 @@ remix:
       - name: Kasey Lichtlyter
         URL: https://www.klich.co/
 
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/01_Shapes_And_Color/01_Color
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/19_Typography/01_Words.js
+
 ---
 
 The <a href="https://p5js.org/reference/p5/text" target="_blank">text()</a> function is used for inserting text into the canvas.
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
@@ -12,6 +12,12 @@ remix:
       - name: Kasey Lichtlyter
         URL: https://www.klich.co/
 
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/03_Imported_Media/01_Copy_Image_Data
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/05_Image/10_Copy_Method.js
+
 ---
 
 Using the <a href="https://p5js.org/reference/p5/copy" target="_blank">copy()</a> 
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
@@ -14,6 +14,12 @@ remix:
       - name: Kasey Lichtlyter
         URL: https://www.klich.co/
 
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/03_Imported_Media/02_Alpha_Mask
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/05_Image/03_Alpha_Mask.js
+
 ---
 
 Using the 
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
@@ -12,6 +12,11 @@ remix:
       - name: Kasey Lichtlyter
         URL: https://www.klich.co/
 
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/03_Imported_Media/03_Image_Transparency
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/05_Image/02_Transparency.js
 ---
 
 This program overlays one image over another by modifying the
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
@@ -12,6 +12,9 @@ remix:
       - name: Caleb Foss
         URL: https://github.com/calebfoss
 
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/03_Imported_Media/04_Create_Audio
 ---
 
 <a href="https://p5js.org/reference/p5/createAudio" target="_blank">createAudio()</a>
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
@@ -12,6 +12,12 @@ remix:
       - name: Kasey Lichtlyter
         URL: https://www.klich.co/
 
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/03_Imported_Media/05_Video
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/16_Dom/08_Video.js
+
 ---
 
 Using the <a href="https://p5js.org/reference/p5/noCanvas" target="_blank">noCanvas()</a>
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
@@ -12,6 +12,12 @@ remix:
       - name: Kasey Lichtlyter
         URL: https://www.klich.co/
 
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/03_Imported_Media/06_Video_Canvas
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/16_Dom/09_Video_Canvas.js
+
 ---
 
 Using the 
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
@@ -3,6 +3,21 @@ featuredImage: "../../../images/featured/03_Imported_Media-07_Video_Capture-thum
 featuredImageAlt: An inverse, black and white photograph of trees.
 title: Video Capture
 oneLineDescription: Display a live video feed from a camera.
+
+
+remix:
+  - description: Revised by
+
+    attribution:
+      - name: Kasey Lichtlyter
+        URL: https://www.klich.co/
+
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/03_Imported_Media/07_Video_Capture
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/16_Dom/11_Capture.js
+
 ---
 
 Using the 
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
@@ -12,6 +12,12 @@ remix:
       - name: Kasey Lichtlyter
         URL: https://www.klich.co/
 
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/04_Input_Elements/00_Image_Drop
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/16_Dom/12_Drop.js
+
 ---
 
 <a href="https://p5js.org/reference/p5.Element/drop" target="_blank">drop()</a>
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
@@ -12,6 +12,11 @@ remix:
       - name: Kasey Lichtlyter
         URL: https://www.klich.co/
 
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/04_Input_Elements/01_Input_Button
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/16_Dom/03_Input_Button.js
 ---
 
 Using the 
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
@@ -10,13 +10,18 @@ remix:
   - attribution:
       - URL: https://people.rit.edu/wmhics/
         name: Prof. WM Harris
+    code:
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/16_Dom/13_DOM_Form_Elements.js
 
   - description: Revised by
 
     attribution:
       - name: Kasey Lichtlyter
         URL: https://www.klich.co/
-
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/04_Input_Elements/02_DOM_Form_Elements
 ---
 
 The <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model" target="_blank">Document Object Model</a>,
diff --git a/src/content/examples/en/05_Transformation/00_Translate/description.mdx b/src/content/examples/en/05_Transformation/00_Translate/description.mdx
@@ -3,6 +3,21 @@ featuredImage: "../../../images/featured/05_Transformation-00_Translate-thumbnai
 featuredImageAlt: Green and blue geometric shapes on a black background.
 title: Translate
 oneLineDescription: Move the coordinate system origin.
+
+
+remix:
+  - description: Revised by
+
+    attribution:
+      - name: Darren Kessner
+        URL: https://github.com/dkessner
+        
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/05_Transformation/00_Translate
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/18_Transform/00_Translate.js
+        
 ---
 
 The
diff --git a/src/content/examples/en/05_Transformation/01_Rotate/description.mdx b/src/content/examples/en/05_Transformation/01_Rotate/description.mdx
@@ -11,7 +11,12 @@ remix:
     attribution:
       - name: Darren Kessner
         URL: https://github.com/dkessner
-
+        
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/05_Transformation/01_Rotate
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/18_Transform/02_Rotate.js
 ---
 
 The
diff --git a/src/content/examples/en/05_Transformation/02_Scale/description.mdx b/src/content/examples/en/05_Transformation/02_Scale/description.mdx
@@ -12,6 +12,12 @@ remix:
       - name: Darren Kessner
         URL: https://github.com/dkessner
 
+
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/05_Transformation/02_Scale
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/18_Transform/01_Scale.js
 ---
 
 The
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
@@ -12,6 +12,11 @@ remix:
       - name: Darren Kessner
         URL: https://github.com/dkessner
 
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/06_Calculating_Values/02_Random
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/08_Math/12_random.js
 ---
 
 This example demonstrates the use of the
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
@@ -10,6 +10,13 @@ remix:
     attribution:
       - name: Caleb Foss
         URL: https://github.com/calebfoss
+
+
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/06_Calculating_Values/03_Constrain
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/21_Input/01_Constrain.js
 ---
 
 This example draws a circle as the cursor's position but
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
@@ -5,12 +5,17 @@ title: Clock
 oneLineDescription: Get the current time.
 
 remix:
-  - description: Created by
   - description: Revised by
 
     attribution:
       - name: Caleb Foss
         URL: https://github.com/calebfoss
+
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/06_Calculating_Values/04_Clock
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/21_Input/00_Clock.js
 ---
 
 The current time can be read with the
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
@@ -5,12 +5,17 @@ title: Color Interpolation
 oneLineDescription: Fade between two colors.
 
 remix:
-  - description: Created by
   - description: Revised by
 
     attribution:
       - name: Caleb Foss
         URL: https://github.com/calebfoss
+
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/07_Repetition/00_Color_Interpolation
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/07_Color/08_Lerp_Color.js
 ---
 
 <a href="https://developer.mozilla.org/en-US/docs/Glossary/Interpolation" target="_blank">Interpolation</a>
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
@@ -14,7 +14,12 @@ remix:
       - name: Malay Vasa
         URL: https://github.com/Malayvasa
 
-  - collectivelyAttributedSince: 2024
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/07_Repetition/01_Color_Wheel
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/07_Color/03_Color_Wheel.js
+
 ---
 
 This example illustrates the appearance of different
diff --git a/src/content/examples/en/07_Repetition/02_Bezier/description.mdx b/src/content/examples/en/07_Repetition/02_Bezier/description.mdx
@@ -11,6 +11,11 @@ remix:
       - name: Kasey Lichtlyter
         URL: https://www.klich.co/
  
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/07_Repetition/02_Bezier
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/01_Form/06_Bezier.js
 ---
 
 <a href="https://p5js.org/reference/p5/bezier" target="_blank">bezier()</a> 
diff --git a/src/content/examples/en/07_Repetition/03_Kaleidoscope/description.mdx b/src/content/examples/en/07_Repetition/03_Kaleidoscope/description.mdx
@@ -11,6 +11,11 @@ remix:
       - name: Kasey Lichtlyter
         URL: https://www.klich.co/
  
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/07_Repetition/03_Kaleidoscope
+      - label: pre-2023 code
+        URL: https://github.com/processing/p5.js-website-legacy/blob/main/src/data/examples/en/10_Interaction/29_kaleidoscope.js
 ---
 
 A kaleidoscope is an optical instrument with two or more
diff --git a/src/content/examples/en/07_Repetition/04_Noise/description.mdx b/src/content/examples/en/07_Repetition/04_Noise/description.mdx
@@ -3,6 +3,19 @@ featuredImage: "../../../images/featured/07_Repetition-04_Noise-thumbnail.png"
 featuredImageAlt: Black and white abstract noise texture.
 title: Noise
 oneLineDescription: Generate naturalistic textures using Perlin noise.
+
+remix:
+  - description: Created by
+
+    attribution:
+      - name: Caleb Foss
+        URL: https://github.com/calebfoss
+ 
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/07_Repetition/04_Noise
+
+  - collectivelyAttributedSince: 2024
 ---
 
 <a href="https://en.wikipedia.org/wiki/Perlin_noise" target="_blank">Perlin noise</a>
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
@@ -21,6 +21,10 @@ remix:
       - name: Darren Kessner
         URL: https://github.com/dkessner
  
+    code:
+      - label: 2023 code
+        URL: https://github.com/processing/p5.js-example/tree/main/examples/07_Repetition/05_Recursive_Tree
+        
   - collectivelyAttributedSince: 2024
 
 ---
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
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
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
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
diff --git a/src/content/examples/en/10_Games/02_Snake/description.mdx b/src/content/examples/en/10_Games/02_Snake/description.mdx
diff --git a/src/content/examples/en/11_3D/00_Geometries/description.mdx b/src/content/examples/en/11_3D/00_Geometries/description.mdx
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
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
