Hey what's up folks, this is my version of Super Mario Theme Player powered by an ESP8266 MCU.

I Made the PCB themed after Mario the Plumber himself, On the TOP Side it's just an Artistic PCB but on the BOTTOM Side I've placed all the important components that drives this board.

For Powering this setup, I added an ONBOARD USB Pad for making a USB on PCB.

As for the Super Mario Theme song, it's a Note Based Sketch that plays melodies similar to Arduino Note Sketch.

This Board is made in such a way that it can Run any tune that we flash into it. for now, it's playing Super Mario Song but it can play other things as well.

This Instructables is gonna be about its built process so let's get started!

Supplies

Following are the componenets I used in this built-

ESP12F
Custom PCB
10K Resistor
10uf Cap
1uF Cap
AMS117 3.3V
Node MCU for Flashing the ESP12F
LEDs
SMD Button
M7 Diode
Solder Paste

Step 1: Why Use ESP8266, Why Not an Arduino Board or Attiny85?

I Previously made a similar project in which I used an Attiny85 with a Buzzer to emulate or make R2D2 Sounds. The Sketch that I used was small with less size as it just makes random tones, but the sketch I'm using in this project is completely different.

https://www.instructables.com/R2D2-Mini-Edition/

In this project, I'm playing the whole super Mario song and it needs space, a lot of space that Attiny85 doesn't have unfortunately so instead I used an ESP8266.

I could use an Arduino Board here but using it would be cheating as I wanted to make a Minimal Setup from scratch, also using Atmega328AU would be an option but its cost is pretty high these days so instead, I use a minimal ESP8266 Setup.

Step 2: PCB Design + Schematic

This is the minimal setup for powering an ESP12F Board, It contains an ESP12F module that is set to run like a normal NodeMCU Board except it doesn't have a USB Flashing Feature as I haven't added any UART IC with it.

I've added Two LEDs and a buzzer with GIPO4 and GPIO12.

After preparing the Schematic, I converted it into a Board file.

I searched for Mario's Black and white image which I later used to prepare the board outline and other facial features like his iconic mustache and eyebrows.

Step 3: PCBWAY Review!

After completing the design, I uploaded the Gerber data on PCBWAY's quote page, selected the solder mask color which was RED, and placed the order.

I choose RED Soldermask as Mario is RED and Silver would look cool.

After placing the order, I received the PCBs in a week and the PCB quality was pretty great.

I left a few Soldermask Openings in the TOP Layer and the shape of this PCB was also not exactly easy to produce but PCBWAY did an Awesome job of making it with no problem whatsoever.

Really loved the end result.

You can checkout PCBWAY from here- www.pcbway.com

Step 4: PCB ASSEMBLY

After unboxing the PCBs, I started the assembly process which had the following steps.

Solder Paste Dispensing
Pick & Place Process
Hotplate Reflow
Adding LEDs
Adding Buzzer

Step 5: Solder Paste Dispensing

Now the first step is to add solder paste to each component pad one by one.

To Apply solder paste, I'm using a Solderpaste Dispensing Needle with a Wide syringe, and the solder paste I'm using is a regular solder paste consisting of 63% Tin and37% Lead.

Step 6: Pick & Place Process

After applying Solderpaste we move on to the next step which is to add components to their assigned location.

Step 7: HOTPLATE REFLOW

After the "Pick & Place Process", I carefully lifted the whole circuit board and place it on my DIY SMT Hotplate.

the hotplate heats the PCB from below up to the solder paste melting temp, as soon as the PCB reaches that temp, solder paste melts and all the components get soldered to their pads, we lift the PCB and then place it on a cooler surface for a little bit, to cool down the heat of PCB.

Step 8: Adding LEDs

After the Reflow process, I added two LEDs on the TOP Side of the Board.

Step 9: Adding Buzzer

At Last, I added a Buzzer in its assigned place.

Step 10: Flashing ESP8266 With NodeMCU

we start first by shorting the Enable pin and GND, this will turn off the esp12F of the Nodemcu and now we can connect an external ESP12F setup with the Nodemcu according to the given schematic.

I designed the Mario PCB in such a way that I can connect the NODEMCU PROGRAMMER PCB with this setup by plugging the Mario Board onto the Programmer Board's CON6 Pin which consists of 3V, GND, RST, GPIO0, TX, and RX Pins.

It's a clever method to use as because of this external programmer, we don't need to add FTDI Chips on ESP12F setup and we can make smaller PCBs and for programming them we just breakout 6 important pins and connect our external programmer with it.

For Programming the ESP12F board, we need to connect the NodeMCU with our ESP12F Setup in this way-

3v to 3v
GND to GND
RST to RST
GPIO0 to GPIO0 //D3 is GPIO0 on Nodemcu
TX to TX
RX to RX

Also, do not forget to add a Jumper wire between ENA and GND Pin on Nodemcu. this will turn off the ESP12F of the Nodemcu and our external ESP12F will get connected with the Nodemcu's CP2102 chip.

Step 11: Blink Sketch to Check LEDs

As for the test sketch, I'm using Blink sketch to test the leds and the ESP12F Setup. LEDs are connected on GIPO4.

Connect the Nodemcu programmer with the ESP12F Board
open Arduino ide, plug the USB on Nodemcu
then go to the Tools menu and select the Nodemcu board that you are using
select the right port and hit upload

Do check out this video of mine for a brief version-

Step 12: Main Code

Here's the main code that I'm using, it was made by robsoncouto, checkout his GitHub!

/*
Super Mario Bros - Overworld theme
Connect a piezo buzzer or speaker to pin 11 or select a new pin.
More songs available at https://github.com/robsoncouto/arduino-songs
Robson Couto, 2019
*/
#define NOTE_B0  31
#define NOTE_C1  33
#define NOTE_CS1 35
#define NOTE_D1  37
#define NOTE_DS1 39
#define NOTE_E1  41
#define NOTE_F1  44
#define NOTE_FS1 46
#define NOTE_G1  49
#define NOTE_GS1 52
#define NOTE_A1  55
#define NOTE_AS1 58
#define NOTE_B1  62
#define NOTE_C2  65
#define NOTE_CS2 69
#define NOTE_D2  73
#define NOTE_DS2 78
#define NOTE_E2  82
#define NOTE_F2  87
#define NOTE_FS2 93
#define NOTE_G2  98
#define NOTE_GS2 104
#define NOTE_A2  110
#define NOTE_AS2 117
#define NOTE_B2  123
#define NOTE_C3  131
#define NOTE_CS3 139
#define NOTE_D3  147
#define NOTE_DS3 156
#define NOTE_E3  165
#define NOTE_F3  175
#define NOTE_FS3 185
#define NOTE_G3  196
#define NOTE_GS3 208
#define NOTE_A3  220
#define NOTE_AS3 233
#define NOTE_B3  247
#define NOTE_C4  262
#define NOTE_CS4 277
#define NOTE_D4  294
#define NOTE_DS4 311
#define NOTE_E4  330
#define NOTE_F4  349
#define NOTE_FS4 370
#define NOTE_G4  392
#define NOTE_GS4 415
#define NOTE_A4  440
#define NOTE_AS4 466
#define NOTE_B4  494
#define NOTE_C5  523
#define NOTE_CS5 554
#define NOTE_D5  587
#define NOTE_DS5 622
#define NOTE_E5  659
#define NOTE_F5  698
#define NOTE_FS5 740
#define NOTE_G5  784
#define NOTE_GS5 831
#define NOTE_A5  880
#define NOTE_AS5 932
#define NOTE_B5  988
#define NOTE_C6  1047
#define NOTE_CS6 1109
#define NOTE_D6  1175
#define NOTE_DS6 1245
#define NOTE_E6  1319
#define NOTE_F6  1397
#define NOTE_FS6 1480
#define NOTE_G6  1568
#define NOTE_GS6 1661
#define NOTE_A6  1760
#define NOTE_AS6 1865
#define NOTE_B6  1976
#define NOTE_C7  2093
#define NOTE_CS7 2217
#define NOTE_D7  2349
#define NOTE_DS7 2489
#define NOTE_E7  2637
#define NOTE_F7  2794
#define NOTE_FS7 2960
#define NOTE_G7  3136
#define NOTE_GS7 3322
#define NOTE_A7  3520
#define NOTE_AS7 3729
#define NOTE_B7  3951
#define NOTE_C8  4186
#define NOTE_CS8 4435
#define NOTE_D8  4699
#define NOTE_DS8 4978
#define REST      0
// change this to make the song slower or faster
int tempo = 200;
// change this to whichever pin you want to use
int buzzer = 12;
// notes of the moledy followed by the duration.
// a 4 means a quarter note, 8 an eighteenth , 16 sixteenth, so on
// !!negative numbers are used to represent dotted notes,
// so -4 means a dotted quarter note, that is, a quarter plus an eighteenth!!
int melody[] = {
// Super Mario Bros theme
// Score available at https://musescore.com/user/2123/scores/2145
// Theme by Koji Kondo
NOTE_E5,8, NOTE_E5,8, REST,8, NOTE_E5,8, REST,8, NOTE_C5,8, NOTE_E5,8, //1
NOTE_G5,4, REST,4, NOTE_G4,8, REST,4,
NOTE_C5,-4, NOTE_G4,8, REST,4, NOTE_E4,-4, // 3
NOTE_A4,4, NOTE_B4,4, NOTE_AS4,8, NOTE_A4,4,
NOTE_G4,-8, NOTE_E5,-8, NOTE_G5,-8, NOTE_A5,4, NOTE_F5,8, NOTE_G5,8,
REST,8, NOTE_E5,4,NOTE_C5,8, NOTE_D5,8, NOTE_B4,-4,
NOTE_C5,-4, NOTE_G4,8, REST,4, NOTE_E4,-4, // repeats from 3
NOTE_A4,4, NOTE_B4,4, NOTE_AS4,8, NOTE_A4,4,
NOTE_G4,-8, NOTE_E5,-8, NOTE_G5,-8, NOTE_A5,4, NOTE_F5,8, NOTE_G5,8,
REST,8, NOTE_E5,4,NOTE_C5,8, NOTE_D5,8, NOTE_B4,-4,
REST,4, NOTE_G5,8, NOTE_FS5,8, NOTE_F5,8, NOTE_DS5,4, NOTE_E5,8,//7
REST,8, NOTE_GS4,8, NOTE_A4,8, NOTE_C4,8, REST,8, NOTE_A4,8, NOTE_C5,8, NOTE_D5,8,
REST,4, NOTE_DS5,4, REST,8, NOTE_D5,-4,
NOTE_C5,2, REST,2,
REST,4, NOTE_G5,8, NOTE_FS5,8, NOTE_F5,8, NOTE_DS5,4, NOTE_E5,8,//repeats from 7
REST,8, NOTE_GS4,8, NOTE_A4,8, NOTE_C4,8, REST,8, NOTE_A4,8, NOTE_C5,8, NOTE_D5,8,
REST,4, NOTE_DS5,4, REST,8, NOTE_D5,-4,
NOTE_C5,2, REST,2,
NOTE_C5,8, NOTE_C5,4, NOTE_C5,8, REST,8, NOTE_C5,8, NOTE_D5,4,//11
NOTE_E5,8, NOTE_C5,4, NOTE_A4,8, NOTE_G4,2,
NOTE_C5,8, NOTE_C5,4, NOTE_C5,8, REST,8, NOTE_C5,8, NOTE_D5,8, NOTE_E5,8,//13
REST,1,
NOTE_C5,8, NOTE_C5,4, NOTE_C5,8, REST,8, NOTE_C5,8, NOTE_D5,4,
NOTE_E5,8, NOTE_C5,4, NOTE_A4,8, NOTE_G4,2,
NOTE_E5,8, NOTE_E5,8, REST,8, NOTE_E5,8, REST,8, NOTE_C5,8, NOTE_E5,4,
NOTE_G5,4, REST,4, NOTE_G4,4, REST,4,
NOTE_C5,-4, NOTE_G4,8, REST,4, NOTE_E4,-4, // 19
NOTE_A4,4, NOTE_B4,4, NOTE_AS4,8, NOTE_A4,4,
NOTE_G4,-8, NOTE_E5,-8, NOTE_G5,-8, NOTE_A5,4, NOTE_F5,8, NOTE_G5,8,
REST,8, NOTE_E5,4, NOTE_C5,8, NOTE_D5,8, NOTE_B4,-4,
NOTE_C5,-4, NOTE_G4,8, REST,4, NOTE_E4,-4, // repeats from 19
NOTE_A4,4, NOTE_B4,4, NOTE_AS4,8, NOTE_A4,4,
NOTE_G4,-8, NOTE_E5,-8, NOTE_G5,-8, NOTE_A5,4, NOTE_F5,8, NOTE_G5,8,
REST,8, NOTE_E5,4, NOTE_C5,8, NOTE_D5,8, NOTE_B4,-4,
NOTE_E5,8, NOTE_C5,4, NOTE_G4,8, REST,4, NOTE_GS4,4,//23
NOTE_A4,8, NOTE_F5,4, NOTE_F5,8, NOTE_A4,2,
NOTE_D5,-8, NOTE_A5,-8, NOTE_A5,-8, NOTE_A5,-8, NOTE_G5,-8, NOTE_F5,-8,
NOTE_E5,8, NOTE_C5,4, NOTE_A4,8, NOTE_G4,2, //26
NOTE_E5,8, NOTE_C5,4, NOTE_G4,8, REST,4, NOTE_GS4,4,
NOTE_A4,8, NOTE_F5,4, NOTE_F5,8, NOTE_A4,2,
NOTE_B4,8, NOTE_F5,4, NOTE_F5,8, NOTE_F5,-8, NOTE_E5,-8, NOTE_D5,-8,
NOTE_C5,8, NOTE_E4,4, NOTE_E4,8, NOTE_C4,2,
NOTE_E5,8, NOTE_C5,4, NOTE_G4,8, REST,4, NOTE_GS4,4,//repeats from 23
NOTE_A4,8, NOTE_F5,4, NOTE_F5,8, NOTE_A4,2,
NOTE_D5,-8, NOTE_A5,-8, NOTE_A5,-8, NOTE_A5,-8, NOTE_G5,-8, NOTE_F5,-8,
NOTE_E5,8, NOTE_C5,4, NOTE_A4,8, NOTE_G4,2, //26
NOTE_E5,8, NOTE_C5,4, NOTE_G4,8, REST,4, NOTE_GS4,4,
NOTE_A4,8, NOTE_F5,4, NOTE_F5,8, NOTE_A4,2,
NOTE_B4,8, NOTE_F5,4, NOTE_F5,8, NOTE_F5,-8, NOTE_E5,-8, NOTE_D5,-8,
NOTE_C5,8, NOTE_E4,4, NOTE_E4,8, NOTE_C4,2,
NOTE_C5,8, NOTE_C5,4, NOTE_C5,8, REST,8, NOTE_C5,8, NOTE_D5,8, NOTE_E5,8,
REST,1,
NOTE_C5,8, NOTE_C5,4, NOTE_C5,8, REST,8, NOTE_C5,8, NOTE_D5,4, //33
NOTE_E5,8, NOTE_C5,4, NOTE_A4,8, NOTE_G4,2,
NOTE_E5,8, NOTE_E5,8, REST,8, NOTE_E5,8, REST,8, NOTE_C5,8, NOTE_E5,4,
NOTE_G5,4, REST,4, NOTE_G4,4, REST,4,
NOTE_E5,8, NOTE_C5,4, NOTE_G4,8, REST,4, NOTE_GS4,4,
NOTE_A4,8, NOTE_F5,4, NOTE_F5,8, NOTE_A4,2,
NOTE_D5,-8, NOTE_A5,-8, NOTE_A5,-8, NOTE_A5,-8, NOTE_G5,-8, NOTE_F5,-8,
NOTE_E5,8, NOTE_C5,4, NOTE_A4,8, NOTE_G4,2, //40
NOTE_E5,8, NOTE_C5,4, NOTE_G4,8, REST,4, NOTE_GS4,4,
NOTE_A4,8, NOTE_F5,4, NOTE_F5,8, NOTE_A4,2,
NOTE_B4,8, NOTE_F5,4, NOTE_F5,8, NOTE_F5,-8, NOTE_E5,-8, NOTE_D5,-8,
NOTE_C5,8, NOTE_E4,4, NOTE_E4,8, NOTE_C4,2,
//game over sound
NOTE_C5,-4, NOTE_G4,-4, NOTE_E4,4, //45
NOTE_A4,-8, NOTE_B4,-8, NOTE_A4,-8, NOTE_GS4,-8, NOTE_AS4,-8, NOTE_GS4,-8,
NOTE_G4,8, NOTE_D4,8, NOTE_E4,-2,
};
// sizeof gives the number of bytes, each int value is composed of two bytes (16 bits)
// there are two values per note (pitch and duration), so for each note there are four bytes
int notes = sizeof(melody) / sizeof(melody[0]) / 2;
// this calculates the duration of a whole note in ms
int wholenote = (60000 * 4) / tempo;
int divider = 0, noteDuration = 0;
void setup() {
// iterate over the notes of the melody.
// Remember, the array is twice the number of notes (notes + durations)
for (int thisNote = 0; thisNote < notes * 2; thisNote = thisNote + 2) {
// calculates the duration of each note
divider = melody[thisNote + 1];
if (divider > 0) {
// regular note, just proceed
noteDuration = (wholenote) / divider;
} else if (divider < 0) {
// dotted notes are represented with negative durations!!
noteDuration = (wholenote) / abs(divider);
noteDuration *= 1.5; // increases the duration in half for dotted notes
}
// we only play the note for 90% of the duration, leaving 10% as a pause
tone(buzzer, melody[thisNote], noteDuration * 0.9);
// Wait for the specief duration before playing the next note.
delay(noteDuration);
// stop the waveform generation before the next note.
noTone(buzzer);
}
}
void loop() {
// no need to repeat the melody.
}

I used the same uploading method for uploading this sketch into ESP8266.