Remove extra * in JSDoc

Author: calebfoss

examples/03_Imported_Media/02_Alpha_Mask.js

@@ -1,26 +1,28 @@
 /**
- ** @name Alpha Mask
- ** @description Using the <a href="https://p5js.org/reference/#/p5/mask" target="_blank">mask()</a> 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 <a href="https://github.com/processing/p5.js/wiki/Local-server">
- ** local server</a>.
- **/
+ * @name Alpha Mask
+ * @description Using the <a href="https://p5js.org/reference/#/p5/mask" target="_blank">mask()</a> 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 <a href="https://github.com/processing/p5.js/wiki/Local-server">
+ * local server</a>.
+ */
 // Preload the image assets from the canvas
 // assets directory.
 function preload() {
   // Photo by Sergey Shmidt, https://unsplash.com/photos/koy6FlCCy5s
-  img = loadImage("assets/image.jpg");
+  img = loadImage('assets/image.jpg');
 
   // Photo by Mockup Graphics, https://unsplash.com/photos/_mUVHhvBYZ0
-  imgMask = loadImage("assets/mask.png");
+  imgMask = loadImage('assets/mask.png');
 }
 
 function setup() {
-  describe('Two photos, the one on the left labeled with "Masked Image," and the one on the right labeled with "Mask."');
+  describe(
+    'Two photos, the one on the left labeled with "Masked Image," and the one on the right labeled with "Mask."'
+  );
   createCanvas(710, 400);
 
-  // Use the mask() method to apply imgMask photo as a 
+  // Use the mask() method to apply imgMask photo as a
   // mask for img.
   img.mask(imgMask);
 
@@ -33,15 +35,21 @@ function draw() {
 
   // Draw the masked image on the left, then
   // the photo used to mask on the right.
-  describeElement('Masked Image', 'A photo of yellow flowers masked by a photo of two leaves.');
+  describeElement(
+    'Masked Image',
+    'A photo of yellow flowers masked by a photo of two leaves.'
+  );
   image(img, 0, 0, 350, 350);
 
-  describeElement('Mask', 'The photo of two leaves used to mask the previous photo.');
+  describeElement(
+    'Mask',
+    'The photo of two leaves used to mask the previous photo.'
+  );
   image(imgMask, 350, 0, 350, 350);
 
   //Add labels to explain the images shown.
   textSize(24);
   fill(0);
-  text("Masked Image", 10, 10);
-  text("Mask", 360, 10);
-}
+  text('Masked Image', 10, 10);
+  text('Mask', 360, 10);
+}

examples/04_Input_Elements/02_DOM_Form_Elements.js

@@ -1,69 +1,68 @@
-/** 
- ** @name DOM Form Elements
- ** @description The <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model" target="_blank">Document Object Model</a>, 
- ** or DOM, represents the resulting structure of the web page. Using p5.js' form elements, 
- ** such as <a href="https://p5js.org/reference/#/p5/createInput" target="_blank">createInput()</a>, 
- ** <a href="https://p5js.org/reference/#/p5/createSelect" target="_blank">createSelect()</a>,
- ** and <a href="https://p5js.org/reference/#/p5/createRadio" target="_blank">createRadio()</a>, you can build different ways to take information submitted through
- ** a <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select" target="_blank">select</a>, 
- ** <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input" target="_blank">input</a>, 
- ** or <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio" target="_blank">radio button</a>, and update the DOM based on the information. 
-**/
+/**
+ * @name DOM Form Elements
+ * @description The <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model" target="_blank">Document Object Model</a>,
+ * or DOM, represents the resulting structure of the web page. Using p5.js' form elements,
+ * such as <a href="https://p5js.org/reference/#/p5/createInput" target="_blank">createInput()</a>,
+ * <a href="https://p5js.org/reference/#/p5/createSelect" target="_blank">createSelect()</a>,
+ * and <a href="https://p5js.org/reference/#/p5/createRadio" target="_blank">createRadio()</a>, you can build different ways to take information submitted through
+ * a <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select" target="_blank">select</a>,
+ * <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input" target="_blank">input</a>,
+ * or <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio" target="_blank">radio button</a>, and update the DOM based on the information.
+ **/
 // Define the inputs for this form as global variables.
 let nameInput;
 let fontSelect;
 let foodRadio;
 
 function setup() {
   createCanvas(720, 400);
-  
+
   // Assign an input box to nameInput.
   nameInput = createInput();
   nameInput.position(25, 115);
-  
+
   // Assign radio buttons to foodRadio.
   foodRadio = createRadio();
   foodRadio.position(25, 215);
-  
+
   // List the radio options for foodRadio, along
   // with the background color associated with each selection.
   foodRadio.option('#F7F5BC', 'Cranberries');
   foodRadio.option('#B8E3FF', 'Almonds');
   foodRadio.option('#C79A9A', 'Gouda');
-  
+
   // Assign a select dropdown to fontSelect.
   fontSelect = createSelect();
   fontSelect.position(25, 300);
-  
+
   // List out the dropdown options for fontSelect.
   fontSelect.option('Sans-serif');
   fontSelect.option('Serif');
   fontSelect.option('Cursive');
-  
-  // If the fontSelect selection is changed, call the 
+
+  // If the fontSelect selection is changed, call the
   // fontChanged function.
   fontSelect.changed(fontChanged);
 }
 
 function draw() {
   describe(
     'A form with "Welcome to p5.js!" for a header, a text input with the label "What is your name?", and a set of radio buttons with the label "What is your favorite food?", with the options of "Cranberries," "Almonds," or "Gouda." The text submitted through the input appears next to its label. The radio button selection changes the canvas background color. The select element changes the form font.'
-    );
+  );
 
   // Set the background color to the current foodRadio value.
   let backgroundColor = foodRadio.value();
   background(backgroundColor);
-  
+
   // Create the header for the form.
   textSize(25);
   text('Welcome to p5.js!', 25, 50);
-  
-  // Create the text inputs that will update with the 
+
+  // Create the text inputs that will update with the
   // new user inputs.
   textSize(20);
   text(`What is your name? ${nameInput.value()}`, 25, 100);
   text('What is your favorite food?', 25, 200);
-  
 }
 
 function fontChanged() {
@@ -72,4 +71,4 @@ function fontChanged() {
   // new value.
   let fontSelection = fontSelect.value();
   textFont(fontSelection);
-}
+}

examples/12_Advanced_Canvas_Rendering/00_Create_Graphics.js

@@ -1,10 +1,10 @@
 /**
- ** @name Create Graphics
- ** @description The <a href="https://p5js.org/reference/#/p5/createGraphics" target="_blank">createGraphics()</a> 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 its current display surface, even though they appear to be 
- ** existing in the same space.
- **/
+ * @name Create Graphics
+ * @description The <a href="https://p5js.org/reference/#/p5/createGraphics" target="_blank">createGraphics()</a> 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 its current display surface, even though they appear to be
+ * existing in the same space.
+ */
 // Define graphic as a global variable. This variable
 // will be the offscreen buffer.
 let graphic;
@@ -44,4 +44,4 @@ function draw() {
 
   // Draw the buffer to the screen with image().
   image(graphic, 150, 75);
-}
+}