Update examples to follow new asset loading pattern

Author: stalgiag

src/content/examples/en/02_Animation_And_Variables/More/Tickle.js

@@ -12,7 +12,7 @@ let message = 'tickle',
   y; // x and y coordinates of the text
 
 function preload() {
-  font = loadFont('assets/SourceSansPro-Regular.otf');
+  font = loadFont('/assets/SourceSansPro-Regular.otf');
 }
 
 function setup() {

src/content/examples/en/03_Imported_Media/00_Words/code.js

@@ -5,7 +5,7 @@ let fontsize = 40;
 function preload() {
   // Preload the font's file in the canvas's assets directory.
   // loadFont() accepts .ttf or .otf files.
-  font = loadFont('assets/SourceSansPro-Regular.otf');
+  font = loadFont('/assets/SourceSansPro-Regular.otf');
 }
 
 function setup() {

src/content/examples/en/03_Imported_Media/01_Copy_Image_Data/code.js

@@ -5,8 +5,8 @@ function preload() {
   // Preload the images from the canvas's assets directory.
   // The bottomImg is the photograph with color,
   // and the topImg is the black-and-white photograph.
-  bottomImg = loadImage('assets/parrot-color.png');
-  topImg = loadImage('assets/parrot-bw.png');
+  bottomImg = loadImage('/assets/parrot-color.png');
+  topImg = loadImage('/assets/parrot-bw.png');
 }
 function setup() {
   describe(
@@ -18,7 +18,7 @@ function setup() {
   // Hide the cursor and replace it with a picture of
   // a paintbrush.
   noCursor();
-  cursor('assets/brush.png', 20, -10);
+  cursor('/assets/brush.png', 20, -10);
 
   // Load the top image (the black-and-white image).
   image(topImg, 0, 0);

src/content/examples/en/03_Imported_Media/02_Alpha_Mask/code.js

@@ -2,10 +2,10 @@
 // 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() {

src/content/examples/en/03_Imported_Media/03_Image_Transparency/code.js

@@ -7,7 +7,7 @@ let easing = 0.05;
 
 function preload() {
   // Load the bottom image from the canvas's assets directory.
-  img = loadImage('assets/moonwalk.jpg');
+  img = loadImage('/assets/moonwalk.jpg');
 }
 
 function setup() {

src/content/examples/en/03_Imported_Media/04_Create_Audio/code.js

@@ -9,7 +9,7 @@ function setup() {
   // This can also be a URL for a public file
   // On the p5 Editor, a file may be uploaded to Sketch Files
   // by clicking the > button on the upper left, followed by the + button
-  audioPlayer = createAudio('assets/piano-loop.mp3');
+  audioPlayer = createAudio('/assets/piano-loop.mp3');
 
   // Add description for assistive technologies to explain playback speed
   audioPlayer.attribute(

src/content/examples/en/03_Imported_Media/More/Background_Image.js

@@ -15,7 +15,7 @@ function setup() {
   // The background image must be the same size as the parameters
   // into the createCanvas() method. In this program, the size of
   // the image is 720x400 pixels.
-  bg = loadImage('assets/moonwalk.jpg');
+  bg = loadImage('/assets/moonwalk.jpg');
   createCanvas(720, 400);
 }
 

src/content/examples/en/03_Imported_Media/More/Load_and_Display_Image.js

@@ -12,7 +12,7 @@ let img; // Declare variable 'img'.
 
 function setup() {
   createCanvas(720, 400);
-  img = loadImage('assets/moonwalk.jpg'); // Load the image
+  img = loadImage('/assets/moonwalk.jpg'); // Load the image
 }
 
 function draw() {

src/content/examples/en/03_Imported_Media/More/Pointillism.js

@@ -12,7 +12,7 @@ let img;
 let smallPoint, largePoint;
 
 function preload() {
-  img = loadImage('assets/moonwalk.jpg');
+  img = loadImage('/assets/moonwalk.jpg');
 }
 
 function setup() {

src/content/examples/en/05_Transformation/More/Text_Rotation.js

@@ -17,7 +17,7 @@ function setup() {
 
   // Ensure the .ttf or .otf font stored in the assets directory
   // is loaded before setup() and draw() are called
-  font = loadFont('assets/SourceSansPro-Regular.otf');
+  font = loadFont('/assets/SourceSansPro-Regular.otf');
 
   // Set text characteristics
   textFont(font);