From 5f57111c956715c552d647fcdd021b84543ceaf5 Mon Sep 17 00:00:00 2001 From: aashu2006 Date: Sun, 1 Feb 2026 13:19:00 +0530 Subject: [PATCH 1/2] fix(tutorial): use p5.Oscillator constructor Fixes a ReferenceError in the simple-melody-app tutorial where Oscillator was used without the p5 namespace, causing the example to fail at runtime. --- src/content/tutorials/en/simple-melody-app.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/tutorials/en/simple-melody-app.mdx b/src/content/tutorials/en/simple-melody-app.mdx index 8db50943f9..511f2d3e1a 100644 --- a/src/content/tutorials/en/simple-melody-app.mdx +++ b/src/content/tutorials/en/simple-melody-app.mdx @@ -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); } From e8557a269a70c346d31bab7815cbcbf58a9651ee Mon Sep 17 00:00:00 2001 From: aashu2006 Date: Fri, 6 Feb 2026 02:17:51 +0530 Subject: [PATCH 2/2] Replace Google Docs links with internal anchors in tutorials --- .../tutorials/en/getting-started-with-nodejs.mdx | 2 +- src/content/tutorials/en/optimizing-webgl-sketches.mdx | 2 +- src/content/tutorials/en/simple-melody-app.mdx | 10 +++++----- 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/content/tutorials/en/getting-started-with-nodejs.mdx b/src/content/tutorials/en/getting-started-with-nodejs.mdx index bf56c00af7..ab843fd701 100644 --- a/src/content/tutorials/en/getting-started-with-nodejs.mdx +++ b/src/content/tutorials/en/getting-started-with-nodejs.mdx @@ -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 diff --git a/src/content/tutorials/en/optimizing-webgl-sketches.mdx b/src/content/tutorials/en/optimizing-webgl-sketches.mdx index d64797ab2d..10ee24caf6 100644 --- a/src/content/tutorials/en/optimizing-webgl-sketches.mdx +++ b/src/content/tutorials/en/optimizing-webgl-sketches.mdx @@ -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. diff --git a/src/content/tutorials/en/simple-melody-app.mdx b/src/content/tutorials/en/simple-melody-app.mdx index 511f2d3e1a..661888ae3e 100644 --- a/src/content/tutorials/en/simple-melody-app.mdx +++ b/src/content/tutorials/en/simple-melody-app.mdx @@ -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 @@ -68,10 +68,10 @@ 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/)  @@ -79,7 +79,7 @@ In the next section, [Science of sound and music](https://docs.google.com/docume ##### 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  @@ -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)!