316
edits
no edit summary
No edit summary |
No edit summary |
||
| Line 195: | Line 195: | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
3. Here I load a music in P5JS and the result show that how we can analyze the frequency.<br> | <br>3. Here I load a music in P5JS and the result show that how we can analyze the frequency.<br> | ||
[https://files.fm/u/qytdv9hg Process 3 ](P5.JS file)<br> | [https://files.fm/u/qytdv9hg Process 3 ](P5.JS file)<br> | ||
[[File:final bita 2.jpg|thumb|left|600px| Process 3 ]]<br><br> | [[File:final bita 2.jpg|thumb|left|600px| Process 3 ]]<br><br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
4. Add the keys on keyboard. D=do F=re G=mi H=fa J=sol K=la L=ci<br> | <br>4. Add the keys on keyboard. D=do F=re G=mi H=fa J=sol K=la L=ci<br> | ||
[https://files.fm/u/7uw7exr6 Process 4 ] (P5.JS file)<br> | [https://files.fm/u/7uw7exr6 Process 4 ] (P5.JS file)<br> | ||
[[File:final bita 3.jpg|thumb|left|600px| Process 4 ]]<br><br> | [[File:final bita 3.jpg|thumb|left|600px| Process 4 ]]<br><br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
5. Drawing the FFT shape with transparent ellipse to make it more enjoyable and then mix all the previous process together<br> | <br>5. Drawing the FFT shape with transparent ellipse to make it more enjoyable and then mix all the previous process together<br> | ||
[https://files.fm/u/6e8gn5jp Process 5 ] (P5.JS file)<br> | [https://files.fm/u/6e8gn5jp Process 5 ] (P5.JS file)<br> | ||
[[File:final bita 4.jpg|thumb|left|600px| Process 5 ]]<br><br> | [[File:final bita 4.jpg|thumb|left|600px| Process 5 ]]<br><br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
6. Making 7 fonts to use as the finger prints of each note<br> | <br>6. Making 7 fonts to use as the finger prints of each note<br> | ||
[[File:font grid.jpg|thumb|left|600px|]] <br><br> | [[File:font grid.jpg|thumb|left|600px|]] <br><br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
7. Changing theme, drawing a music guide line and put the fonts in p5js. And arrange each font for each note.<br> | <br>7. Changing theme, drawing a music guide line and put the fonts in p5js. And arrange each font for each note.<br> | ||
[https://files.fm/u/6fe2zu8u Process 6 ](P5.JS file)<br> | [https://files.fm/u/6fe2zu8u Process 6 ](P5.JS file)<br> | ||
[[File:final bita 5.jpg|thumb|left|600px|]] <br><br> | [[File:final bita 5.jpg|thumb|left|600px|]] <br><br> | ||