REX : Transmettre notre passion aux jeunes générations

Cette année, alors que j’étais bénévole lors du Devoxx4kids de Brest, j’ai pu constater que les enfants sont ravis de participer à la découverte du développement, à travers une approche ludique et pédagogique. Elle m’a incité à m’interroger sur cette première initiation : permet-elle de donner envie aux jeunes générations de continuer à apprendre la programmation ? Cette idée m’est revenue après avoir participé à la première édition de Sunny tech. Mon cousin, qui habite dans la région, a découvert scratch un an plus tôt. Cela lui a permis de développer des premiers jeux et il envisage aujourd’hui de se mettre à Vue.js. J’ai été impressionné par sa capacité à être autonome sur ces outils malgré des problématiques complexes comme les collisions avec le décor ou encore le déplacement d’un personnage. J’étais épaté de voir comment avec seulement quelques heures d’initiation, cet enfants motivé a continué son apprentissage pour devenir un codeur scratch. Dans cette présentation, je vais vous raconter notre voyage et vous montrer ce qu'il est possible de réaliser avec cette outil.
Vous retrouverez l'implémentation de la démo Pokemon sur Scratch à cette adresse : https://scratch.mit.edu/projects/313563570/

Transcript

1. #SeaTechAndSun Un nouveau programme
2. #SeaTechAndSun 2
3. #SeaTechAndSun Un futur développeur profitait de sa jeunesse 3
4. #SeaTechAndSun Jusqu’à l’arrivée imprévue d’un visiteur 4
5. #SeaTechAndSun J’ai un message pour toi jeune padawan, tu as le code en toi 5
6. #SeaTechAndSun Je peux te montrer comment créer tes propres jeux vidéos 6
7. #SeaTechAndSun Quoi ? Mes propres jeux vidéo, comment je fais ? 7
8. #SeaTechAndSun Viens je vais te montrer 8
9. #SeaTechAndSun Malheureusement la fin était proche 9
10. #SeaTechAndSun Enfin plutôt comme cela 10
11. #SeaTechAndSun Le jeune padawan fit ses propres expériences 11
12. #SeaTechAndSun Affronte des adversaires redoutables, 12
13. #SeaTechAndSun Appris pleins de nouvelles choses 13
14. #SeaTechAndSun Reçu de lointains conseils 14
15. #SeaTechAndSun Et poursuit sa passion aujourd’hui… 15
16. #SeaTechAndSun C’est l’histoire que nous allons vous raconter 16
17. #SeaTechAndSun Mes propres jeux vidéo, comment je fais ? 17
18. #SeaTechAndSun Je vais te montrer comment utiliser des outils pour apprendre à développer 18
19. #SeaTechAndSun Code combat 19
20. #SeaTechAndSun Code combat - l’éditeur 20
21. #SeaTechAndSun Code combat - les niveaux 21
22. #SeaTechAndSun Scratch 22
23. #SeaTechAndSun Scratch - la scène 23
24. #SeaTechAndSun Scratch - le lutin 24
25. #SeaTechAndSun Scratch - les scripts 25
26. #SeaTechAndSun 26
27. #SeaTechAndSun Tout commence avec une initiation 27
28. #SeaTechAndSun Premier scénario scratch Instructions: 1. Contrôle du personnage avec les flèches 2. Un lutin cible 3. Variable qui compte le score 4. Imaginer pleins de variantes / créativité 28
29. #SeaTechAndSun DEMO 29
30. #SeaTechAndSun La tête dans les étoiles 30
31. #SeaTechAndSun Autonomie 31
32. #SeaTechAndSun Beaucoup d’idées 32
33. #SeaTechAndSun Des jeux rapides 33
34. #SeaTechAndSun Des RPGs 34
35. #SeaTechAndSun Résoudre des problèmes de Maths 35
36. #SeaTechAndSun Un peu de code 36
37. #SeaTechAndSun Delta shoot 37
38. #SeaTechAndSun Déplacements du joueur 38
39. #SeaTechAndSun La cinématique de fin 39
40. #SeaTechAndSun Variables 40
41. #SeaTechAndSun Le tir 41
42. #SeaTechAndSun Des adversaires redoutables 42
43. #SeaTechAndSun Des bugs 43
44. #SeaTechAndSun Réponse : instrumentation 44
45. #SeaTechAndSun Enchaîner des niveaux 45
46. #SeaTechAndSun Des univers de tests 46
47. #SeaTechAndSun Des collisions 47
48. #SeaTechAndSun Les collisions ❖ Nouvelle position du personnage en dur ❖ Peu fluide 48
49. #SeaTechAndSun ❖ Un script par collision ❖ Calcul de la nouvelle position (vitesse et coordonnées) ❖ Meilleurs effets Les collisions - Le scrolling 49
50. #SeaTechAndSun Trop de scripts pour un lutin 50 ???
51. #SeaTechAndSun ❖ Meilleure répartition du code ❖ Une infinité de sprites Un sprite invisible par collision 51
52. #SeaTechAndSun Utilisation du scrolling 52 Optimisation - Triggered ❖ Gestion des collisions par des triggers ❖ Des types de collisions utilisables dans plusieurs zones
53. #SeaTechAndSun Des découvertes 53
54. #SeaTechAndSun Le code avec Scratch Pseudo code Scratch enemy = new Enemy { vie : 100 } clone = new Clone { attaque : -10 } ... while (clone.isAlive()) { if clone.hit(enemy) { enemy.life = enemy.life + attaque sleep(30) } } 54
55. #SeaTechAndSun Le versionning 55
56. #SeaTechAndSun La gestion de la langue 56 ❖ Initialisation d’une variable ❖ Action de l’utilisateur ❖ Ce changement trigger le changement du costume de l’objet
57. #SeaTechAndSun Du BAT 57
58. #SeaTechAndSun Du Vue.js 58
59. #SeaTechAndSun Et poursuit sa passion aujourd’hui 59
60. #SeaTechAndSun Toujours plus de fonctionnalitées 60
61. #SeaTechAndSun Nouveaux projets scratch 61
62. #SeaTechAndSun 62