No edit summary |
No edit summary |
||
| Line 182: | Line 182: | ||
<font color="red">The process of dealing with this idea before reaching the Final sketch is like the below:</font><br> | <font color="red">The process of dealing with this idea before reaching the Final sketch is like the below:</font><br> | ||
1. Figuring out how to load sound in P5jS<br><br> | 1. Figuring out how to load sound in P5jS<br><br> | ||
[https://files.fm/u/xakcvbdp Process 1](P5.JS file)<br> | [https://files.fm/u/xakcvbdp Process 1] (P5.JS file)<br> | ||
<br>2. Making 7 grids with the name of notes and project the sounds of piano for each notes on the related grid.<br><br> | <br>2. Making 7 grids with the name of notes and project the sounds of piano for each notes on the related grid.<br><br> | ||
[https://files.fm/u/pszgb7qd Process 2 ](P5.JS file)<br> | [https://files.fm/u/pszgb7qd Process 2 ](P5.JS file)<br> | ||
| Line 193: | Line 193: | ||
[[File:final bita 2.jpg|thumb|left|600px| Process 3 ]]<br> | [[File:final bita 2.jpg|thumb|left|600px| Process 3 ]]<br> | ||
<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> | |||
[https://files.fm/u/7uw7exr6 Process 4 ] (P5.JS file)<br> | |||
[[File:final bita 3.jpg|thumb|left|600px| Process 3 ]]<br> | |||
<br style="clear:both;"> | <br style="clear:both;"> | ||
<font color="red">How to run and play this script:</font><br> | <font color="red">How to run and play this script:</font><br> | ||