fix: update old link to new website in tutorials

Author: shibomb

src/content/tutorials/en/coordinates-and-transformations.mdx

@@ -49,7 +49,7 @@ function draw() {
 
 ![An illustration showing a 2D coordinate system on the left, showing an origin of (0,0) at its top left, and a 3D coordinate system on the right, showing an origin of (0,0,0) in its center](../images/webgl/2d3d_coordinates.png)
 
-You can call [`debugMode()`](https://p5js.org/reference/#/p5/debugMode) in your `setup()` function to add a grid on the x- and z-axes and the red-green-blue x, y, and z arrows to your sketch, similar to the illustration above.
+You can call [`debugMode()`](https://p5js.org/reference/p5/debugMode) in your `setup()` function to add a grid on the x- and z-axes and the red-green-blue x, y, and z arrows to your sketch, similar to the illustration above.
 
 
 ## Transformations: Position and Size of 3D Shapes

src/content/tutorials/en/field-guide-to-debugging.mdx

@@ -244,7 +244,7 @@ function draw() {
 <Column>
 #### Solution:
 
-The programmer solved the problem by adding a parenthesis between the last argument and a semicolon. They discovered this by visiting the p5.js reference page for [`rect()`](https://p5js.org/reference/#/p5/rect) and comparing code.
+The programmer solved the problem by adding a parenthesis between the last argument and a semicolon. They discovered this by visiting the p5.js reference page for [`rect()`](https://p5js.org/reference/p5/rect) and comparing code.
 
 #### Pro Tips:
 
@@ -283,7 +283,7 @@ p5.js says: [sketch.js, line 9] circle() was expecting at least 3 arguments but
 
 #### Bug:
 
-According to the message in the console, [`circle()`](https://p5js.org/reference/#/p5/circle) only received 2 inputs when it expected 3. The message also specifies that the error is on line 9 of the sketch. 
+According to the message in the console, [`circle()`](https://p5js.org/reference/p5/circle) only received 2 inputs when it expected 3. The message also specifies that the error is on line 9 of the sketch. 
 
 </Column>
 <Column>
@@ -306,9 +306,9 @@ function draw() {
 <Column>
 #### Solution:
 
-The programmer solved the problem by adding a third argument in [`circle()`](https://p5js.org/reference/#/p5/circle).
+The programmer solved the problem by adding a third argument in [`circle()`](https://p5js.org/reference/p5/circle).
 
-They discovered this by visiting the p5.js reference page for [`circle()`](https://p5js.org/reference/#/p5/circle) and comparing code.
+They discovered this by visiting the p5.js reference page for [`circle()`](https://p5js.org/reference/p5/circle) and comparing code.
 
 #### Pro Tips:
 
@@ -376,9 +376,9 @@ function draw() {
 <Column>
 #### Solution:
 
-The programmer solved the problem by adding a *closing curly bracket* (`}`) on line 11 to close the [`draw()`](https://p5js.org/reference/#/p5/draw) function.
+The programmer solved the problem by adding a *closing curly bracket* (`}`) on line 11 to close the [`draw()`](https://p5js.org/reference/p5/draw) function.
 
-They discovered this by visiting the p5.js reference page for [`draw()`](https://p5js.org/reference/#/p5/draw) and comparing code.
+They discovered this by visiting the p5.js reference page for [`draw()`](https://p5js.org/reference/p5/draw) and comparing code.
 
 #### Pro Tips:
 
@@ -489,7 +489,7 @@ p5.js says: [sketch.js, line 10] circle() was expecting Number for the first par
 
 #### Bug:
 
-According to the message in the console, the programmer made an error on line 10 - the [circle()](https://p5js.org/reference/#/p5/circle) function needs a [number](https://p5js.org/reference/#/p5/number) as the first parameter, but it was given a [string](https://p5js.org/reference/#/p5/string).
+According to the message in the console, the programmer made an error on line 10 - the [circle()](https://p5js.org/reference/p5/circle) function needs a [number](https://p5js.org/reference/p5/number) as the first parameter, but it was given a [string](https://p5js.org/reference/p5/string).
 
 </Column>
 <Column>
@@ -516,7 +516,7 @@ function draw() {
 
 #### Solution:
 
-The programmer solved the problem by noticing that the variable `myX` was initialized with `"forty-five"`, which cannot be recognized as a [number](https://p5js.org/reference/#/p5/number). p5.js thinks it’s just a word with a [string](https://p5js.org/reference/#/p5/string) data type.
+The programmer solved the problem by noticing that the variable `myX` was initialized with `"forty-five"`, which cannot be recognized as a [number](https://p5js.org/reference/p5/number). p5.js thinks it’s just a word with a [string](https://p5js.org/reference/p5/string) data type.
 
 #### Pro Tip:
 
@@ -589,7 +589,7 @@ function draw() {
 
 #### Solution:
 
-The programmer solved the problem by declaring `localVariable` outside of [`setup()`](https://p5js.org/reference/#/p5/setup) and [`draw()`](https://p5js.org/reference/#/p5/draw) and initializing it in [`setup()`](https://p5js.org/reference/#/p5/setup).
+The programmer solved the problem by declaring `localVariable` outside of [`setup()`](https://p5js.org/reference/p5/setup) and [`draw()`](https://p5js.org/reference/p5/draw) and initializing it in [`setup()`](https://p5js.org/reference/p5/setup).
 
 #### Pro Tip:
 

src/content/tutorials/en/intro-to-shaders.mdx

@@ -95,7 +95,7 @@ A shader program consists of two parts, a **vertex shader** and a **fragment sha
 
 </table>
 
-{ /* Note for contributors: Images/gifs generated from https://editor.p5js.org/davepagurek/sketches/gs-DbLzqV */}
+{/* Note for contributors: Images/gifs generated from https://editor.p5js.org/davepagurek/sketches/gs-DbLzqV */}
 
 Each of these live in separate files and are loaded into p5.js using the `loadShader()` function. Once a shader is loaded, it can be used within `setup()` or `draw()`. The following example will show how to set up a basic shader within p5.js:
 
@@ -671,7 +671,7 @@ In p5.js, a filter is something that looks at all the pixels on the canvas and t
 
 Filter shaders only need a fragment shader. Vertex shaders are primarily responsible for positioning shapes, and filters always apply to the whole canvas, so p5.js provides a default vertex shader for you. Rather than using `loadShader`, you use `createFilterShader(src)`, passing in a string with your shader source code.
 
-There are a number of `uniform`s that will be available to you in a filter shader, and you can read about all of them [in the `createFilterShader` documentation.](https://p5js.org/reference/#/p5/createFilterShader) There are two main ones to know about to get started:
+There are a number of `uniform`s that will be available to you in a filter shader, and you can read about all of them [in the `createFilterShader` documentation.](https://p5js.org/reference/p5/createFilterShader) There are two main ones to know about to get started:
 
 - `uniform sampler2D tex0` is a texture containing the contents of the canvas.
 - `varying vec2 vTexCoord` contains the coordinates on the canvas of the current pixel, ranging from 0 to 1.

src/content/tutorials/en/layered-rendering-with-framebuffers.mdx

@@ -73,7 +73,7 @@ Final image with focal blur using color + depth
 
 </table>
 
-{ /*Note for contributors: Image generated from https://editor.p5js.org/davepagurek/sketches/OUBu-yXuk*/}
+{/*Note for contributors: Image generated from https://editor.p5js.org/davepagurek/sketches/OUBu-yXuk*/}
 
 ## Using a `p5.Framebuffer`
 
@@ -366,7 +366,7 @@ function draw() {
 `} />
 
 <Callout>
-Lots of music player software uses feedback to create audio visualizations. Try using feedback in a sketch that [reacts to music!](https://p5js.org/reference/#/p5.Amplitude)
+Lots of music player software uses feedback to create audio visualizations. Try using feedback in a sketch that [reacts to music!](https://p5js.org/reference/p5.sound/p5.Amplitude)
 </Callout>
 
 Here are some tips that will help as you create more advanced feedback effects.
@@ -541,7 +541,7 @@ function draw() {
 }
 `} />
 
-If you want to customize how close to or far from the camera an object needs to be to get depth values of 0 or 1, specify near and far values in [`perspective()`](https://p5js.org/reference/#/p5/perspective).
+If you want to customize how close to or far from the camera an object needs to be to get depth values of 0 or 1, specify near and far values in [`perspective()`](https://p5js.org/reference/p5/perspective).
 
 *Depth-based blur shaders are more advanced and are beyond the scope of this tutorial.*