Technojr.fr

Programmons une animation avec mBlock

[et_pb_section fb_built= »1″ _builder_version= »3.18.2″][et_pb_row _builder_version= »3.18.2″][et_pb_column type= »4_4″ _builder_version= »3.18.2″ parallax= »off » parallax_method= »on »][et_pb_post_title date= »off » comments= »off » _builder_version= »3.7.1″ title_font= »Archivo|||||||| » title_font_size= »37px » meta_font= »|300||||||| » meta_font_size= »17px » text_orientation= »center » saved_tabs= »all »][/et_pb_post_title][et_pb_text _builder_version= »3.18.2″ text_font= »Roboto|300||||||| » text_text_color= »#000000″ text_font_size= »15px » header_2_font= »Archivo|||||||| » header_2_text_color= »#0c71c3″ header_2_font_size= »32px » header_3_font= »Archivo|||||||| » header_3_text_color= »#0c71c3″ header_3_font_size= »18px » background_layout= »dark » saved_tabs= »all »]

Découverte de l’interface

 

 

 

 

TRAVAIL A FAIRE

 

Nous allons découvrir les fonctions graphiques de mBlock en réalisant une animation pour notre projet ADOPT A FLOAT

 

Cette animation doit montrer, sur un fond de mer, le flotteur qui coule progressivement jusqu’à 1000 m de profondeur. Puis il avancera vers la droite et un compteur de jour mesurera le temps de 0 Jours à 9 jours. Le flotteur remontera à la surface, allumé en vert car il fait fonctionner ses capteurs… Arrivé à la surface il transmet ses données vers le satellites…

 

COMMENCONS PAR LE COMMENCEMENT…

 

Qu’est ce qu’un lutin

 

Un lutin définit un élément graphique que nous allons pouvoir contrôler sur notre scène. C’est le plus souvent un personnage mais l’on peut dessiner ce que l’on souhaite. Il a la particularité de pouvoir comprendre plusieurs versions différentes de lui-même… On parle alors de costumes.

 

Au départ le lutin de mBlock est un petit panda.

 

Comment modifier son lutin ?

 

[/et_pb_text][et_pb_video src= »https://youtu.be/tU9hdUYPgLQ » _builder_version= »3.18.2″][/et_pb_video][et_pb_text _builder_version= »3.7.1″ text_font= »Roboto|300||||||| » text_text_color= »#000000″ text_font_size= »15px » header_2_font= »Archivo|||||||| » header_2_text_color= »#0c71c3″ header_2_font_size= »32px » header_3_font= »Archivo|||||||| » header_3_text_color= »#0c71c3″ header_3_font_size= »18px » background_layout= »dark » saved_tabs= »all »]

QU’EST-CE QUE L’ARRIERE-PLAN ?

 

L’arrière-plan définit le décor de fond de la scène. Au départ il n’y a rien (fond blanc). On peut y mettre une image de son choix.

 

Comment modifier son arrière-plan ?

 

[/et_pb_text][et_pb_video src= »https://youtu.be/zDi24d-x8wo » _builder_version= »3.18.2″][/et_pb_video][et_pb_text _builder_version= »3.7.1″ text_font= »Roboto|300||||||| » text_text_color= »#000000″ text_font_size= »15px » header_2_font= »Archivo|||||||| » header_2_text_color= »#0c71c3″ header_2_font_size= »32px » header_3_font= »Archivo|||||||| » header_3_text_color= »#0c71c3″ header_3_font_size= »18px » background_layout= »dark » saved_tabs= »all »]

QU’EST CE QUE LA SCENE ?

 

La scène est la zone ou les lutins vont pouvoir se déplacer. La scène est une sorte d’écran d’ordinateur virtuel ou tous nos éléments graphiques vont apparaître. Chaque Lutin se « pose » dessus en précisant des coordonnées X et Y (abscisse et ordonnées).

 

 

[/et_pb_text][et_pb_image src= »http://technojr.fr/wp-content/uploads/2019/03/mblock.png » _builder_version= »3.18.2″][/et_pb_image][et_pb_text _builder_version= »3.7.1″ text_font= »Roboto|300||||||| » text_text_color= »#000000″ text_font_size= »15px » header_2_font= »Archivo|||||||| » header_2_text_color= »#0c71c3″ header_2_font_size= »32px » header_3_font= »Archivo|||||||| » header_3_text_color= »#0c71c3″ header_3_font_size= »18px » background_layout= »dark » saved_tabs= »all »]

 

Comment positionner et modifier son lutin sur la scène ?

 

 

[/et_pb_text][et_pb_video src= »https://youtu.be/H7E9vFzY28Q » _builder_version= »3.18.2″][/et_pb_video][et_pb_divider _builder_version= »3.18.2″][/et_pb_divider][et_pb_text _builder_version= »3.18.2″]

Fiche à télécharger

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]
    Laisser un commentaire

    Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

    Tous droits réservés - Delbrayelle Jean-Paul - 
    2023