Fruit piano/en : Différence entre versions

(Mise à jour pour être en accord avec la nouvelle version de la source de la page)
(update property name)
 
(Une révision intermédiaire par un autre utilisateur non affichée)
Ligne 1 : Ligne 1 :
{{ {{tntn|Tuto Details}}
+
{{Tuto Details
 
|Main_Picture=Fruit_piano_fruit_piano.PNG
 
|Main_Picture=Fruit_piano_fruit_piano.PNG
 
|Licences=Attribution (CC BY)
 
|Licences=Attribution (CC BY)
Ligne 14 : Ligne 14 :
 
|IsTranslation=1
 
|IsTranslation=1
 
}}
 
}}
{{ {{tntn|Introduction}}
+
{{Introduction
 
|Introduction=A Bulgarian version of this tutorial is available [https://docs.google.com/document/d/1sywJabBM7Ox72Wf-_mbloyc1GPnyQE-aSZ73RtvzJbA/edit?usp=sharing here]
 
|Introduction=A Bulgarian version of this tutorial is available [https://docs.google.com/document/d/1sywJabBM7Ox72Wf-_mbloyc1GPnyQE-aSZ73RtvzJbA/edit?usp=sharing here]
 
}}
 
}}
{{ {{tntn|Materials}}
+
{{Materials
 
|Material=- Computer with scratch offline editor
 
|Material=- Computer with scratch offline editor
  
Ligne 27 : Ligne 27 :
 
|Tools=
 
|Tools=
 
}}
 
}}
{{ {{tntn|Separator}}}}
+
{{Separator}}
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
 
|Step_Title=Activity
 
|Step_Title=Activity
 
|Step_Content=The activity consists in turning fruits into a keyboard to play music with.
 
|Step_Content=The activity consists in turning fruits into a keyboard to play music with.
Ligne 35 : Ligne 35 :
 
|Step_Picture_00=Fruit_piano_fruit_piano.PNG
 
|Step_Picture_00=Fruit_piano_fruit_piano.PNG
 
}}
 
}}
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
 
|Step_Title=
 
|Step_Title=
 
|Step_Content=Each fruit is connected to makey makey arrows, space or click buttons.
 
|Step_Content=Each fruit is connected to makey makey arrows, space or click buttons.
Ligne 44 : Ligne 44 :
 
|Step_Picture_00=Fruit_piano_fruit_piano2.PNG
 
|Step_Picture_00=Fruit_piano_fruit_piano2.PNG
 
}}
 
}}
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
 
|Step_Title=
 
|Step_Title=
 
|Step_Content=Next pick the “when green flag clicked” and the “forever” block.
 
|Step_Content=Next pick the “when green flag clicked” and the “forever” block.
Ligne 51 : Ligne 51 :
 
|Step_Picture_00=Fruit_piano_fruit_piano3.PNG
 
|Step_Picture_00=Fruit_piano_fruit_piano3.PNG
 
}}
 
}}
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
 
|Step_Title=
 
|Step_Title=
 
|Step_Content=“If then”, is the most common function used in coding and is used to create an interaction between your code and the outside world.
 
|Step_Content=“If then”, is the most common function used in coding and is used to create an interaction between your code and the outside world.
Ligne 62 : Ligne 62 :
 
|Step_Picture_00=Fruit_piano_fruit_piano4.PNG
 
|Step_Picture_00=Fruit_piano_fruit_piano4.PNG
 
}}
 
}}
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
 
|Step_Title=
 
|Step_Title=
 
|Step_Content=To add a sound, go to the Sound (purple) section, and choose one block “play note _ for _ beats”.
 
|Step_Content=To add a sound, go to the Sound (purple) section, and choose one block “play note _ for _ beats”.
 
|Step_Picture_00=Fruit_piano_fruit_piano5.PNG
 
|Step_Picture_00=Fruit_piano_fruit_piano5.PNG
 
}}
 
}}
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
 
|Step_Title=
 
|Step_Title=
 
|Step_Content=At this stage your code will look like this:
 
|Step_Content=At this stage your code will look like this:
 
|Step_Picture_00=Fruit_piano_fruit_piano11.PNG
 
|Step_Picture_00=Fruit_piano_fruit_piano11.PNG
 
}}
 
}}
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
 
|Step_Title=
 
|Step_Title=
 
|Step_Content=Your code is already functional, you can test it by clicking on the green flag on the top of the screen.
 
|Step_Content=Your code is already functional, you can test it by clicking on the green flag on the top of the screen.
 
|Step_Picture_00=Fruit_piano_fruit_piano6.PNG
 
|Step_Picture_00=Fruit_piano_fruit_piano6.PNG
 
}}
 
}}
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
 
|Step_Title=
 
|Step_Title=
 
|Step_Content=You now need to add extra keys in order to have more piano notes altogether.
 
|Step_Content=You now need to add extra keys in order to have more piano notes altogether.
Ligne 84 : Ligne 84 :
 
|Step_Picture_00=Fruit_piano_fruit_piano7.PNG
 
|Step_Picture_00=Fruit_piano_fruit_piano7.PNG
 
}}
 
}}
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
 
|Step_Title=
 
|Step_Title=
 
|Step_Content=Your piano is now ready, you just need to tune it ! You need to determine the exact sound of each note. By clicking on each note, a small keyboard will pop up, which will enable you to select the note that you are looking for.
 
|Step_Content=Your piano is now ready, you just need to tune it ! You need to determine the exact sound of each note. By clicking on each note, a small keyboard will pop up, which will enable you to select the note that you are looking for.
 
|Step_Picture_00=Fruit_piano_fruit_piano8.PNG
 
|Step_Picture_00=Fruit_piano_fruit_piano8.PNG
 
}}
 
}}
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
 
|Step_Title=
 
|Step_Title=
 
|Step_Content=The Piano sounds funny? It’s perfectly normal! some chords played together sound well and some other don’t… So it’s time for a little bit of music theory, don’t be scared it will be fast and fun.
 
|Step_Content=The Piano sounds funny? It’s perfectly normal! some chords played together sound well and some other don’t… So it’s time for a little bit of music theory, don’t be scared it will be fast and fun.
Ligne 104 : Ligne 104 :
 
|Step_Picture_00=Fruit_piano_fruit_piano9.PNG
 
|Step_Picture_00=Fruit_piano_fruit_piano9.PNG
 
}}
 
}}
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
 
|Step_Title=
 
|Step_Title=
 
|Step_Content=Example of a finished code:
 
|Step_Content=Example of a finished code:
Ligne 115 : Ligne 115 :
 
|Step_Picture_00=Fruit_piano_fruit_piano10.PNG
 
|Step_Picture_00=Fruit_piano_fruit_piano10.PNG
 
}}
 
}}
{{ {{tntn|Notes}}
+
{{Tuto Step
 +
|Step_Title=
 +
|Step_Content=
 +
|Step_Picture_00=Musical_e-textile_bag_eu_flag_co_funded_pos_rgb_right.jpg
 +
}}
 +
{{Notes
 
|Notes=This tutorial has been developed as part of the [http://www.digijeunes.com/projets/itech/ i Tech] project, co-financed by the Erasmus + Programme of the European Union.
 
|Notes=This tutorial has been developed as part of the [http://www.digijeunes.com/projets/itech/ i Tech] project, co-financed by the Erasmus + Programme of the European Union.
 +
 +
Project number:  2017-1-FR02-KA205-012764
 +
 +
EU disclaimer: The content of this publication does not reflect the official opinion of the European Union. Responsibility for the information and views expressed in the therein lies entirely with the author(s).
  
 
For more details, contact info@digijeunes.com
 
For more details, contact info@digijeunes.com
 
}}
 
}}
{{ {{tntn|Tuto Status}}
+
{{Tuto Status
 
|Complete=Published
 
|Complete=Published
 
}}
 
}}

Version actuelle datée du 9 décembre 2019 à 11:35

Auteur avatarDigijeunes | Dernière modification 9/12/2019 par Clementflipo

Fruit piano fruit piano.PNG
Learn the basics of coding by making a simple music synthesizer where each ‘fruit’ represents a key.
Difficulté
Moyen
Durée
30 minute(s)
Catégories
Alimentation & Agriculture, Musique & Sons, Science & Biologie
Coût
20 EUR (€)
Autres langues :
Licence : Attribution (CC BY)

Introduction

A Bulgarian version of this tutorial is available here

Matériaux

- Computer with scratch offline editor

- Makey makey (or DIY makeymakey with Arduino Leonardo) + USB cable

- 5 alligator clips

- 5 fruits or conductive items

Outils

Étape 1 - Activity

The activity consists in turning fruits into a keyboard to play music with.

To get started, plug the makey makey (or DIY makey makey with Arduino Leonardo) to your computer and connect all bananas (or other conductive items) to the board via alligator clips.




Étape 2 -

Each fruit is connected to makey makey arrows, space or click buttons.

We will start by using these 5 keys.

You can now launch scratch and start writing your code. To start with, go to “Events” (light brown) section.




Étape 3 -

Next pick the “when green flag clicked” and the “forever” block.

In order to create an action, choose the “if then” block from the Control category.




Étape 4 -

“If then”, is the most common function used in coding and is used to create an interaction between your code and the outside world.

Since the activity consists in creating a piano we would like that sounds were triggered when a certain key were pressed.Under the sensing section, you will find the “Key _ pressed?” block.

Click on the small black arrow and select the key you need.

We have a condition (If then), we have chosen a key, we only need to add a sound.




Étape 5 -

To add a sound, go to the Sound (purple) section, and choose one block “play note _ for _ beats”.




Étape 6 -

At this stage your code will look like this:




Étape 7 -

Your code is already functional, you can test it by clicking on the green flag on the top of the screen.




Étape 8 -

You now need to add extra keys in order to have more piano notes altogether.

Right click on the “If then” block and a small menu will pop up. Click on “duplicate” and paste it below the first conditional. Repeat the operation for each key.




Étape 9 -

Your piano is now ready, you just need to tune it ! You need to determine the exact sound of each note. By clicking on each note, a small keyboard will pop up, which will enable you to select the note that you are looking for.




Étape 10 -

The Piano sounds funny? It’s perfectly normal! some chords played together sound well and some other don’t… So it’s time for a little bit of music theory, don’t be scared it will be fast and fun.

Here is an example of how different cords can produce different feelings depending on the order in which they are played: https://en.wikipedia.org/wiki/I%E2%80%93V%E2%80%9...

Other happy chords?

73 Songs You Can Play With The Same Four Chords

Do you want to change instrument?

It’s easy in Scratch. You can find plenty of instruments available in a list located in the Sound (purple) section.




Étape 11 -

Example of a finished code:

To go further...This code is using 4 chords and one key for change instrument. The same like a piano use pedal for change the tuning, if one key (space in this case) is pressed the code play the sound of a ‘guitar’ and when the key is released the sound is the one of ‘lead synth’.

Now you have the possibility to create a more interesting instrument. In the next lessons you will discover the Operator (light green) section, and add more possibilities and effects.

Stay tuned ;-)




Étape 12 -




Notes et références

This tutorial has been developed as part of the i Tech project, co-financed by the Erasmus + Programme of the European Union.

Project number:  2017-1-FR02-KA205-012764

EU disclaimer: The content of this publication does not reflect the official opinion of the European Union. Responsibility for the information and views expressed in the therein lies entirely with the author(s).

For more details, contact info@digijeunes.com

Commentaires

Published