Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/content/tutorials/en/getting-started-with-nodejs.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -225,7 +225,7 @@ Object i
// ...prototype
```

Now you are ready to build the [Melody App](https://docs.google.com/document/u/0/d/1mzJv-7qU1_CmkWI0ZFeqf3CeBfpOOVIrvPRZtxqFxRI/edit)! You can access completed code for this guide in [this Github repository](https://github.com/MsQCompSci/melodyAppNodeStarter/tree/main).
Now you are ready to build the [Melody App](./simple-melody-app)! You can access completed code for this guide in [this Github repository](https://github.com/MsQCompSci/melodyAppNodeStarter/tree/main).


## Next Steps
Expand Down
2 changes: 1 addition & 1 deletion src/content/tutorials/en/optimizing-webgl-sketches.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -431,7 +431,7 @@ Try making a swarm of bugs, flock of birds, or school of fish by making a `p5.Ge

There are many effects one can achieve that involve looking at and modifying individual pixels on the canvas. Unfortunately, modifying `pixels` in your sketch involves looping through every pixel, one at a time, in JavaScript. A shader, on the other hand, can run in parallel for every pixel at once, making it a great alternative for when speed is required.

Here is an example of some noise-based dithering using `pixels`, and the equivalent filter using a shader. Be sure to check out our [introduction to shaders](https://docs.google.com/document/u/0/d/1R7eO9XHcACHnxanFCKVviBK2c1Pci0y9qfRwuHY2_PI/edit) for more information about shader programming.
Here is an example of some noise-based dithering using `pixels`, and the equivalent filter using a shader. Be sure to check out our [introduction to shaders](./intro-to-shaders) for more information about shader programming.

<Columns>
<Column>
Expand Down
12 changes: 6 additions & 6 deletions src/content/tutorials/en/simple-melody-app.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ If you are already familiar with:
- [periodic waves and their characteristics](#periodic-wave-characteristics)
- [musical notes (frequency, pitch, and amplitude)](#musical-notes)

Skip to [Play musical notes with oscillators](https://docs.google.com/document/d/1mzJv-7qU1_CmkWI0ZFeqf3CeBfpOOVIrvPRZtxqFxRI/edit#heading=h.xqocsbtmp68w) to bypass background knowledge.
Skip to [Play musical notes with oscillators](#play-musical-notes-with-oscillators) to bypass background knowledge.


## Oscillators, science & music background information
Expand All @@ -68,18 +68,18 @@ To understand how oscillators generate musical notes, we can dive into some scie

##### Note

In the next section, [Science of sound and music](https://docs.google.com/document/d/1mzJv-7qU1_CmkWI0ZFeqf3CeBfpOOVIrvPRZtxqFxRI/edit#bookmark=id.xmj3wil8257x), the following concepts are introduced:
In the next section, [Science of sound and music](#science-of-sound--music), the following concepts are introduced:

- [Sound as a pressure waves](https://www.physicsclassroom.com/class/sound/u11l1c.cfm)
- [Periodic wave characteristics](https://docs.google.com/document/d/1mzJv-7qU1_CmkWI0ZFeqf3CeBfpOOVIrvPRZtxqFxRI/edit#heading=h.p80snea79dfs)
- [Periodic wave characteristics](#periodic-wave-characteristics)
- [Sound waves](https://www.open.edu/openlearn/science-maths-technology/engineering-technology/sound-music-technology-an-introduction/content-section-2.3) in relation to musical notes
- [Pitch and frequency](https://www.physicsclassroom.com/class/sound/Lesson-2/Pitch-and-Frequency)
- Music Theory concepts such a [melodies](https://www.masterclass.com/articles/music-101-what-is-melody), [musical notes & frequency](https://www.idrumtune.com/ultimate-guide-to-musical-frequencies/) 


##### Skip ahead 

If you are already familiar with the background concepts above, jump over to the [Building a melody app](https://docs.google.com/document/d/1mzJv-7qU1_CmkWI0ZFeqf3CeBfpOOVIrvPRZtxqFxRI/edit#heading=h.xqocsbtmp68w) section to begin your project! 
If you are already familiar with the background concepts above, jump over to the [Building a melody app](#build-simple-app) section to begin your project! 


## Science of sound & music 
Expand Down Expand Up @@ -165,7 +165,7 @@ The **frequency** of sound waves can be heard through its tones, or pitch, which
Visit the [Sound Synthesis Tutorial from The Coding Train](https://www.youtube.com/watch?app=desktop\&v=Bk8rLzzSink) for a brief introduction to p5.Oscillator objects and waves.


## Play musical notes with osciallators
## Play musical notes with oscillators

Let’s dive into the wonderful world of sound, music and oscillators to create a [simple melody app](https://editor.p5js.org/Msqcoding/sketches/w_4t5bFYe)! 

Expand Down Expand Up @@ -295,7 +295,7 @@ let myFreq = 262;
function setup() {
  createCanvas(400, 400);
  // Create the Oscillator object.
  osc = new Oscillator(myFreq);
  osc = new p5.Oscillator(myFreq);
  // console.log(osc.f);
}

Expand Down