Skip to content

Commit eaa0aac

Browse files
committed
Fix video paths
1 parent 8588444 commit eaa0aac

File tree

3 files changed

+6
-6
lines changed

3 files changed

+6
-6
lines changed

src/content/tutorials/en/conditionals-and-interactivity.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -545,7 +545,7 @@ Run the sketch and move the sun below the horizon. See how the sky changes as th
545545

546546
Next, you will make a [sunrise animation](https://editor.p5js.org/[email protected]/sketches/9lz2aqfTO) where the sun moves on its own, and creates a gradual change in the color of the sky.
547547

548-
<Video src="/public/videos/tutorials/sunrise.mp4" alt="A sun rises in a red-orange sky behind a mountain range." />
548+
<Video src="/videos/tutorials/sunrise.mp4" alt="A sun rises in a red-orange sky behind a mountain range." />
549549

550550

551551
#### Step One: Declare and initialize variables for sun location and background color

src/content/tutorials/en/how-to-optimize-your-sketches.mdx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ This framework is useful for all code improvement and is a standard approach in
4444

4545
For a blog post I was writing, I wanted to create a simulation of 1,000 particles bouncing around the canvas. I went to the trouble of programming accurate laws of physics that determine the motion of each particle. As I ran the sketch with an increasing number of particles, the particles moved frustratingly slowly.
4646

47-
<Video src="/public/videos/tutorials/slow-no-fr.mp4" alt="A 2D animation of particles bouncing on the canvas." />
47+
<Video src="/videos/tutorials/slow-no-fr.mp4" alt="A 2D animation of particles bouncing on the canvas." />
4848

4949
The problem is that the animation runs too slowly. I wanted to speed up the simulation to improve the visual experience for the viewer. This guide is designed to help you address any situation where you want your code to run more quickly. We will use my example to illustrate the steps involved. If you like, you can view the final blog post: [Scintillating Simulations](https://gbenedis.medium.com/computing-stories-scintillating-simulations-4dad3c480cd4).
5050

@@ -89,7 +89,7 @@ If you don’t specify the frame rate in p5.js, by default, it attempts to reach
8989

9090
Below, I show the animation with the frame rate displayed. Displaying it will make it easier to see the impact of changes we make.
9191

92-
<Video src="/public/videos/tutorials/slow-w-fr.mp4" alt="Bouncing particles with the frame rate displayed on the canvas that reads at or close to “20”" />
92+
<Video src="/videos/tutorials/slow-w-fr.mp4" alt="Bouncing particles with the frame rate displayed on the canvas that reads at or close to “20”" />
9393

9494
In this case, I am trying to improve the performance of my code. The same type of process would apply to improving other aspects of your code’s functionality. 
9595

@@ -152,12 +152,12 @@ Look at the difference it makes! I included the frame rate in the visualization
152152
<Column>
153153
#### Before
154154

155-
<Video src="/public/videos/tutorials/slow-w-fr.mp4" alt="Bouncing particles with the frame rate displayed on the canvas that reads at or close to “20”" />
155+
<Video src="/videos/tutorials/slow-w-fr.mp4" alt="Bouncing particles with the frame rate displayed on the canvas that reads at or close to “20”" />
156156
</Column>
157157
<Column>
158158
#### After
159159

160-
<Video src="/public/videos/tutorials/fast-w-fr.mp4" alt="Bouncing particles with the frame rate displayed on the canvas that reads at or close to “60”" />
160+
<Video src="/videos/tutorials/fast-w-fr.mp4" alt="Bouncing particles with the frame rate displayed on the canvas that reads at or close to “60”" />
161161
</Column>
162162
</Columns>
163163

src/content/tutorials/en/variables-and-change.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ import EditableSketch from "../../../components/EditableSketch/index.astro";
3131

3232
Follow this tutorial to create an [animated landscape](https://editor.p5js.org/Msqcoding/sketches/WQWNKZppu) as you learn the basics of variables and creating motion in p5.js. 
3333

34-
<Video src="/public/videos/tutorials/landscape.mp4" alt="An animated landscape with a crescent moon and a mountain range in the background, and grass with growing trees in the foreground. Stars randomly appear as clouds move across the canvas." />
34+
<Video src="/videos/tutorials/landscape.mp4" alt="An animated landscape with a crescent moon and a mountain range in the background, and grass with growing trees in the foreground. Stars randomly appear as clouds move across the canvas." />
3535

3636
In this tutorial you will:
3737

0 commit comments

Comments
 (0)