Blog Blog

Pixel art pour tous les âges !

Le pixel art, c'est pour tous les âges !

 

Bon disons à partir de ~4 ans, avec l'aide des grands frères / grandes soeurs ou des parents pour commencer. Je le sais car on l'a fait au Vaisseau, lors de plusieurs ateliers Parents-Enfants fin 2019 :

L'intérêt, c'est de comprendre que les images à la télé ou sur les ordinateurs, en fait elles sont toutes faites de pixels (PICture ELements pour ceux qui sont à l'aise avec l'anglais)...
Donc prenez une photo et zoomez jusqu'à ce qu'on voit les carrés, et faites bien observer que chaque carré ne contient qu'une couleur :

L'autre intérêt, c'est que c'est une activité qui peut se décliner sous plein de formes différentes

  • version numérique sur téléphone, tablette, ordinateur (on va y revenir), 
  • mais aussi aussi activités manuelles avec au choix : des perles à repasser, des petites briques "mono-pic", des grilles papiers à colorier, des gommettes à coller, des notes adhésives... voire même des carrés de moquette ! Si, si, on a expérimenté au Vaisseau...

 

 

Quelques notes adhésives...

Un papillon en moquette...

 

Donc, en cette période de confinement, où on n’a pas toujours tout sous la main, je vous propose de commencer avec... du papier.
On peut approcher cette activité sous plusieurs angles.

Du plus facile au moins facile :

(*) Coloriage par numéro (ou autre symbole) :
Soit vous pouvez imprimer les grilles fournies ci-dessous, soit vous avez du papier quadrillé et vous préparez une grille à partir du modèle sur l'écran du téléphone ou de l'ordinateur.

enlightened Cliquer ici pour télécharger des Grilles à colorier

(**) Reproduction d’un modèle :
Attention, ce n’est pas si facile, les plus grands doivent donc aider les plus petits, le fonctionnement en binôme est en général une très bonne approche !
L’idée est d’apprendre à lire en utilisant la grille, c’est-à-dire ligne par ligne, en comptant le nombre de carrés sans couleur en début de ligne, puis le nombre de carrés dans la 1e couleur et les reproduire, puis le nombre de carrés dans la 2de couleur et les reproduire, etc.
On peut aussi vouloir dessiner une zone de couleur plutôt que ligne par ligne. C’est possible bien sûr, mais attention à ne pas se décaler !
La méthode ligne par ligne prépare aussi au niveau de difficulté suivant : le décodage.
Augmentez la difficulté en passant de dessins en 10x10 à des dessins 15x15 et plus.

enlightened Cliquer ici pour télécharger des Grilles à reproduire
 

(***) Décodage d’images :
Cette activité demande de la concentration et de l’attention, mais elle est très excitante puisqu’on découvre petit à petit une image, et qu’on essaye de deviner de quoi il s’agit…
Dans la suite logique de l’activité précédente, il s’agit de reporter sur une grille, ligne après ligne, les carrés de couleur indiqués dans le code par leur quantité et leur couleur.
Les grands pourront donc coder des images (pas très compliqué, juste un peu long à écrire ;) et les jeunes (ou autres grands !) pourront les décoder en les dessinant…

enlightened Cliquer ici pour télécharger des Grilles à décoder

 

Ensuite, vous pouvez proposer aux jeunes de passer aux outils numériques, présentés ci-dessous.
Je vous conseille de ne le faire que dans un 2e temps : l’apprentissage est plus complet avec l’approche sur papier (ou legos, perles,...) et en binôme car cela mêle une approche visuelle (le modèle, la grille), auditive (vous “dictez” les carrés à colorier) et kinesthésique (la manipulation du crayon, des legos, des perles…). Une fois cette appropriation faite, l’utilisation des outils numériques s’appuie dessus pour permettre de développer l’autonomie (l’enfant pourra peu à peu le faire tout seul), l’auto-contrôle (avec certaines apps, il pourra vérifier, voir ses erreurs et les corriger) et le suivi de sa progression (l’aider pour enregistrer ses réalisations pour qu’il voie par la suite qu’il fait des choses de plus en plus difficiles).

Il existe beaucoup d’outils numériques, en voici juste quelques-uns, n’hésitez pas à en proposer d’autres :
Coloriage par numéro

  • App : Sandbox Pixel Coloring https://play.google.com/store/apps/details?id=sandbox.art.sandbox
  • PC : https://www.agame.com/game/pixel-art-color-by-number mettre en “plein écran” (icone en bas à droite du dessin), mais même ainsi, plutôt compliqué à faire avec la souris pour les plus jeunes (à moins de l’utiliser comme un moyen amusant de contrôler la souris précisément, quelque soit l’âge !) ; plus de 150 dessins disponibles...
  • http://coloritbynumbers.com/online/animals Ce n’est pas du pixel art, mais il a l’intérêt de permettre de changer les symboles (points de couleurs, nombres, lettres, formes géométriques ; utiliser la roulette en haut à gauche), ce qui aide à aborder le codage de manière progressive ; seuls 3 dessins sont accessibles sans création de compte [gratuitement].

Reproduction ou décodage d’images

 

Pour aller plus loin

  • Coloriage au numéro en 3D avec par exemple https://play.google.com/store/apps/details?id=com.pixel.coloring.color.by.number (attention, présence de pubs : icône TV = regarder une pub pour accéder au modèle)
  • Animations avec piskelapp.com ou Pixel station : il s’agit de faire une copie de la 1e image et de la modifier un petit peu, puis de faire une copie de cette dernière et de la modifier un petit peu à son tour, etc C’est le principe du dessin animé.


Y’a-t-il du pixel art avancé pour les adultes?

Et bien, regardez cet exemple… de pixel art haute résolution…

Source : https://www.flickr.com/photos/rodrixap/10688437793, Nature par RodrixAP, CC BY 2.0

Vous pouvez en voir d’autres du même artiste : https://www.flickr.com/photos/rodrixap/albums/72157637154901153 

Donc si vous vous sentez créatif, vous pouvez commencer petit sur piskelapp, puis agrandir votre grille et votre imagination s’étend autour du dessin initial…

Partagez vos oeuvres !

Et si vous ne vous sentez pas (encore) créatif, le coloriage par numéro de pixel art (app Sandbox Pixel Coloring par exemple) est très relaxant...

 

1000 bornes en mode coopératif

Vous connaissez le 1000 bornes? Ce jeu de société où il faut cumuler les kilomètres pour gagner.
 
Ces derniers temps, j'ai eu l'occasion d'observer des jeunes enfants de 5-9 ans qui jouaient au 1000 bornes. Avec un peu de frustration et peut-être un peu d'acharnement pour certainsangry. Après tout, c'est un jeu où un des moyens d'avancer, c'est de plomber l'autre à coup d'accident et autre panne d'essence!
Alors j'ai testé une version coopérative du 1000 bornes, où les malchances seraient dues au hasard et où l'objectif serait d'amener l'ensemble des voitures aux fameuses 1000 bornes. Et devinez quoi? Et bien les enfants préfèrent cette version! Et les grands aussi, avec des "ça fait des parties plus dynamiques!".
 
Allez, assez causé, voici donc le 1000 bornes en version coopérative.
 
Nous avons la version avec plateau, mais rien n'empêche d'y jouer avec la version cartes uniquement.
Matériel supplémentaire nécessaire:
  • un dé
  • … et puis c'est tout!yes
Nous avions un gros dé de récupération, sur lequel nous avons collé des gommettes de couleur, mais n'importe quel dé fera aussi bien l'affaire. Sur la version plateau, il y a 4 voitures, donc une face du dé pour chaque voiture. Si le dé est numéroté, griffonner sur un morceau de papier les numéros correspondant aux joueurs. C'est un dé à 6 faces, ce qui laisse 2 faces vides, soit 1 chance sur 3 qu'il ne se passe rien de mal pendant son tour wink.

Préparation

Séparer les cartes "malchances" (cartes attaques) des autres cartes (dites normales pour la suite) et en faire un tas à part.
Distribuer 2 cartes normales à chaque joueur.
Chaque joueur peut s'attribuer une voiture. Au niveau du jeu en lui-même, ça n'apporte rien de particulier. Mais le bonus, c'est qu'on peut aider quelqu'un plutôt qu'une voiture impersonnelle: "Moi, j'aide Mamanheart".
 

Déroulé

Chaque joueur joue à tour de rôle.
Un tour se déroule de la façon suivante:
  1. le joueur tire le dé: si le résultat est une voiture qui n'est actuellement pas frappé de malchance, il tire une carte malchance pour la voiture désignée par le dé, carte qui s'applique immédiatement
  2. le joueur tire une carte normale de la pioche
  3. le joueur joue une carte sur n'importe quel véhicule: parade, botte ou distance
 
Notes sur les malchances:
  • on évitera de placer une carte malchance sur une voiture qui n'a pas encore démarrée
  • les malchances ne se cumulent pas sur une même voiture
  • une voiture qui a accompli ses 1000 bornes ne peut pas être victime d'une malchance
  • lorsque la pile malchance est vide, on mélange les cartes malchances jouées, et on refait une nouvelle pile
On peut jouer avec autant de voitures que de joueurs, ou avec les 4 voitures, même s'il y a moins de 4 joueurs.
 
Avec cette version, tous les joueurs participent plus au jeu. Un joueur dont la voiture est bloquée peut aider une autre voiture, et le premier joueur arrivé continue à jouer tant que toutes les voitures ne sont pas arrivées.
 
N'hésitez pas à tester cette variante et à nous dire en commentaires ce que vous en pensez!

Python: serpent, langage ?

Python: langage ou serpent ?

 

Le mot python vous parle forcément mais quelle définition vous vient à l’esprit? Quelle image associe votre cerveau à l’écoute de ce mot?

Ne vous inquiétez pas j’arrête les questions métaphysiques smiley

Pour ma part quand j’évoque le mot python je pense dans un premier au temps au serpent !

 

 

Certe c’est beau… mais je suis pas trop fan à vrai dire…surprise

Ensuite dans un second temps je pense au langage informatique.

En tant que data scientist c’est un langage que j’utilise au quotidien, et le plus populaire dans mon job.

Pourquoi me diriez vous? Car il est facile à utiliser, avec une disponibilité décente de bibliothèques orientées data science et une grande communauté.

/!\ important la communauté, très important…surtout quand vous criez à l’aide cheeky

 

Historique:

 

C'est en 1989, que Guido van Rossum écrit les premières lignes du langage, très inspiré du langage ABC (un autre langage de programmation, avis au curieux ABC)

Pourquoi Python? cool

Parce que le développeur est un grand fan de la série télévisée Monty Python's Flying Circus.

Python est un langage open source supporté, développé et utilisé par une large communauté.

Il est également apprécié par les pédagogues qui y trouvent un langage où la syntaxe est élégante, son typage dynamique et le fait qu'il soit interprété. Comprenez par là, que c’est un langage puissant, facile à apprendre, permettant ainsi une initiation aisée aux concepts de base de la programmation.

 

Première version

20 février 1991

Auteur

Guido van Rossum

Dernière version

3.7.4 (8 juillet 2019)

Système d’exploitation

Multiplateforme

Site web

www.python.org

 

3 raisons de se mettre à python:

  • Simple

Si tu es débutant, fonce ! Python c’est devenu la référence dans l’éducation nationale comme premier langage de programmation.

Ce langage est facile à prendre en main, pourquoi je te dis ça ?

  • Syntaxe simple:
    Plus de parenthèses, accolades, crochets, points-virgules, etc…
    La syntaxe du code utilise l’indentation.
    Par exemple après une condition “if”, boucle “while”, fonction “def” ou une classe “ class” faut juste mettre une indentation.
  • Typage dynamiques:
    Plus besoin d’écrire le type de variables. Python saura les identifier directement en fonctions des opérations effectuées avec.
  • Similaire à du langage parlé:
    Un exemple
    name = “Marc”
    print(name)

 

Au final tu obtiens du code qui est relativement facile à lire.

C’est visuellement agréable et tu comprends le code plus rapidement.

  • Multi fonction

Python fonctionne sur tous les OS, que tu sois sur Windows, Mac ou Linux, tu pourras l’utiliser. Et surtout Python peut être utilisé dans des tas de domaines… même des domaines auxquels on s’attend moins comme le développement de jeux vidéo ou les applis de bureau. Voici trois domaines où python est principalement utilisé:

  • Développement Web
    Python est beaucoup utilisé dans le Web. Il y a même des frameworks très évolués et très populaires comme Django, Flask pour bien structurer ton travail en Python.
    Petite précision de taille, aujourd’hui, il n’y a pas vraiment de Front-End avec Python.
    Donc si tu veux devenir développeur Full-Stack, tu devras toujours apprendre le Javascript.
  • Data Science
    C’est le langage le plus populaire dans le Big Data, qui est lui-même un domaine en pleine expansion. Si tu veux te lancer dans les statistiques et analyser des données et même pouvoir visualiser ces données, Python est le maître.
    Python mène aussi la course en tête dans le domaine de l’intelligence artificielle.
    Je ne vais pas faire un cours là-dessus, mais grosso modo c’est lorsqu’on apprends aux machines à réfléchir en analysant des tas de données.
  • Populaire

Python est un langage assez ancien…comme vous avez pu le voir dans l’historique un peu plus haut. Après toutes ces années, s’il est plus populaire que jamais, c’est qu’il a su évoluer.

le sondage de StackOverflow est formel ! Python est le langage qui a la plus grosse croissance ces dernières années et c’est prévu de continuer comme ça dans les années à venir : lien vers l’article

Il faut savoir que tous les géants de la Tech utilisent Python : Google, Facebook, Netflix, Amazon, Nasa, IBM… Python c’est sérieux, ce langage qui plaît à tout le monde, plait aussi aux recruteurs et ça, c’est bon pour ta carrière…

 

Donc pourquoi python?

 

Because python is awesome!

 

Credits to this website

 

  • Python est gratuit et "Open Source", on peut l'utiliser sans restriction dans des projets commerciaux.
  • Python est portable : MacOS, BeOS, NeXTStep, MS-DOS .. et les différentes variantes de Windows.
  • Python convient aussi bien à des scripts d'une dizaine de lignes de code qu'à des projets complexes de plusieurs dizaines de milliers de lignes.
  • La syntaxe de Python est très simple, un programme Python est souvent de 3 à 5 fois plus court qu'un programme C ou C++, ou même Java équivalent. Ce qui représente en général un temps de développement de 5 à 10 fois plus court et une facilité de maintenance largement accrue.
  • Python est un langage qui continue à évoluer, soutenu par une communauté d'utilisateurs enthousiastes et responsables, dont la plupart sont des supporters du logiciel libre.
  • ...

 

Quelques chiffres clés:

 
  • Classement des langages en fonction de leur base d’utilisateurs mensuels actifs (2017):

 
  • Les salaires et les possibilités d'emploi pour les langages de programmation les plus populaires (2018):

 
  • Combien y a-t-il de programmeurs Python dans le monde (2018) ?

 

Selon SlashData, il y a maintenant 8,2 millions de développeurs dans le monde qui codent en Python et cette population est maintenant plus importante que ceux qui programme en Java, qui sont 7,6 millions.

Le langage dont la population de développeurs est la plus grande est JavaScript. Ils sont environ 11.7 millions.

 

Apprentisage:

 

 

Blog-Godot

Godot ? Qu’est-ce que c’est que ça ? Bon un petit indice dans le titre …. Un game engine !! Encore un nom barbare !! Pas de panique, je vous explique tout.

 

Un game engine qu’est ce que c’est ?

Pour commencer, game engine est le mot anglais pour moteur de jeu … ça vous aide hein ? smiley

 

Pour la grosse définition pompeuse et très complète, je vous renvoie à notre cher ami Wikipedia.

 

Pour résumer, un moteur de jeu c’est un ensemble de bloc logiciels qui permettent de gérer les mouvements, la gravité, les effets, etc. Et donc de permettre au développeur de ce concentrer uniquement sur le jeu et le gameplay.  

Il en existe une multitude: Unity, CryEngine, Unreal Engine, pour les plus connus.

Les moteurs de jeu se différencient grâce aux bibliothèque graphiques qu’ils utilisent (OpenGL, Vulkan), le langage de programmation utilisé pour coder le jeu, les plateformes ciblées (Linux, Windows, MacOs, Android, etc …), le type de jeu ciblé (2D/3D) et leurs licences (gratuite ou non).

 

C’est grâce à tous ces critères que nous nous sommes enfin décidés à tester Godot Engine ! Oui ça faisait un moment qu’il nous suppliait de le tester smiley

 

Alors Godot, d’où vient-il ?

L’idée du moteur de jeu Godot a germé dans l’esprit de Juan Linietsky et Ariel Manzur en 2001. Ils voulaient développer l’industrie vidéoludique argentine et surtout combler un manque. En effet, à l’époque la grande majorité des moteurs de jeu étaient orientés vers les jeux de tir à la troisième personne, ils ont donc imaginé un moteur de jeu généraliste, permettant de développer tout type de jeux.

Super !! …. Pas tant que ça … En 2007 l'émergence de nouvelles machines comme l’iphone et la playstation3 a mis à mal le projet. Ces plateformes ont une architecture particulière, modifiant la gestion de la mémoire par rapport aux plateformes de l’époque… Bref, il a fallu s’adapter et l’équipe décide de repartir de zéro et de créer le moteur de jeu qui deviendra Godot.

Godot sort le 14 janvier 2014 en version libre (sous licence MIT). Cette licence permet à la communauté de participer au développement du moteur. Le 24 février 2016 le moteur de jeu est publié sur Steam, ce qui le propulsera définitivement sur le devant de la scène.

 

Pourquoi on l’utilise au club Graines2Tech ?

C’est une bonne question !

  1. Premier argument, la licence. Comme dit plus haut, la licence MIT fait que le logiciel est en libre téléchargement. Vous pouvez, chez vous, le télécharger et utiliser son plein potentiel sans débourser un seul centime.
  2. Il est cross-plateforme, autant pour les plateformes cibles (jeux sur PC, Android, IOS) que pour le développement. Vous pouvez installer Godot sur n’importe quel système d’exploitation, Windows, MacOS ou Linux (nous aimons Linux chez Graines2Tech … enfin surtout moi smiley ), sous condition que votre ordinateur possède la configuration minimale pour faire tourner le logiciel.
  3. Godot supporte beaucoup de langages: le C#, le C ++, GDScript (Python à la sauce Godot), et énormément d’autres langages grâce à la communauté. Il possède également une interface de Visual Scripting, au cas ou écrire du code vous donne de l’urticaire.
  4. On peut réaliser des animations directement dans Godot, inutile de passer par un logiciel tiers comme Blender, même si les fonctionnalités d’un Blender seront toujours plus poussées.
  5. Il est facile à prendre en main pour un non programmeur, le GDScript s’écrit et se comprend assez facilement.
 

Vous l’aurez compris, Godot c’est super, c’est pas cher !! Si vous voulez le tester n'hésitez pas à nous rendre visite au club.

 

Quant à moi je vous laisse avec quelques exemples de jeux réalisés avec Godot et je vous dit à la prochaine !

 

Site officiel

Nouvelles animations bientôt au catalogue

Comme la rentrée se prépare tôt, nous sommes déjà en train de réfléchir à septembre, histoire de partir sereinement en congés cet été cool

Notre catalogue d'animations va donc s'enrichir d'un nouveau show informatique autour des réseaux et de l'échange de données, ainsi que d'un escape game. Ces deux animations sont en cours de préparation et devraient être en test en interne pour l'été. Elles seront donc prêtes pour le mois de septembre. Dans ce billet, je vous livre quelques détails sur ces deux animations.

Show informatique: restons connectés!

Un show informatique, à quoi ça ressemble? L'idée du show, c'est de faire faire de l'informatique aux participants de l'animation. Pas besoin d'ordinateur, on va essayer de comprendre tous ensemble comment fonctionnent les rouages de l'informatique.

Dans notre catalogue d'animations, nous vous proposons déjà une première déclinaison d'un show informatique autour des données. On y parle de la représentation de différents types d'informations dans un ordinateur, des nombres jusqu'aux vidéos! On y découvre également comment l'ordinateur s'y prend pour rechercher une information particulière, et bien d'autres choses encore! Le contenu est abordable à partir de 10 ans.
Vous pouvez retrouver cette animation sous le titre "L'informatique fait son show: donnée, c'est donnée!". La presse en a également parlé.

Et bien en septembre, vous allez pouvoir faire voyager votre public en lui proposant de découvrir une deuxième facette de l'informatique: les réseaux.yes

Cette nouvelle séance nous permettra de découvrir les différentes techniques mises en oeuvre pour pouvoir transmettre des informations d'un ordinateur à un autre. L'occasion de découvrir ce qu'il se passe sur nos téléphones lorsqu'on leur demande d'afficher une page web!
Au moment où j'écris ces lignes, l'animation est en cours de finalisation. Elle devrait être testée et ajoutée au catalogue cet été, vous pouvez donc la commander dès maintenant pour la rentrée de septembre 2019.

Escape game: Panique virtuelle

Vous avez déjà probablement entendu parler d'escape game? Ce sont des jeux dans lesquels il faut résoudre des énigmes, le plus souvent pour sortir d'une pièce verrouillée. Ce type de jeu existe également sur ordinateur, où il faut souvent sortir de bien plus d'une pièce.surprise

Nos animateurs créent actuellement un escape game sur le thème du virtuel. Outre le thème, le cahier des charges impose un certain nombre de contraintes pour que nous puissions l'installer partout. Ainsi, plutôt que d'enfermer les participants dans une pièce verrouillée, nous avons choisi de les enfermer dans une histoire, pour que notre escape game puisse se dérouler dans n'importe quelle pièce, dans n'importe quel lieu: dans votre médiathèque, dans votre entreprise, votre école, votre FabLab etc. Autre contrainte: il faut que le matériel puisse être transportable, et que les participants ne soient pas tentés de fouiller dans le reste de la pièce!
Un premier jet du contexte et de l'histoire a déjà été mis en place, ainsi qu'une série d'énigmes à résoudre. Nous travaillons actuellement à collecter et fabriquer le matériel pour cet escape game. Et vous savez quoi? On a réussi à respecter toutes les contraintes.cool

Cet escape game est prévu pour un public multi-âge. Nous avons prévu de la tester avec plusieurs types de public cet été pour le valider et opérer les derniers ajustements, afin qu'il soit prêt pour la rentrée 2019!

 

N'hésitez plus: que vous soyez plutôt escape game ou plutôt show, on a ce qu'il vous faut! Vous pouvez d'ores et déjà pré-commander vos animations et réserver nos animateurs aux dates qui vous conviennent. Vous pouvez prendre contact avec nous sur cette page, ou en nous envoyant un email à l'adresse graines2tech@is4ri.com .

Derniers blogs Derniers blogs

Mettre la main à la pâte !

Vendredi 21 avril 2017 , nous avons organisé un atelier de deux heures à la Médiathèque de Marlenheim à destination des 9-13 ans, avec l’aide de Mme Anne-Laure Mendès, la directrice. Au... Lire la suiteÀ proposMettre la main à la pâte ! »

Review Anet A8

Review - Imprimante 3D Anet A8 Je vais vous parler de notre nouvelle venue: Arachne. Une cracheuse de fil, une imprimante 3D ! Une Anet A8 pour être précis. Le constructeur chinois Anet s’est... Lire la suiteÀ proposReview Anet A8 »

La Domotique - Projets DIY

Que pensez-vous de rendre votre maison plus « intelligente » ? Que diriez-vous d’apporter des solutions techniques qui répondent à votre confort? Au travers de ce blog je vais vous... Lire la suiteÀ proposLa Domotique - Projets DIY »

Votre aventure BBC Micro:bit

  Avez vous déjà entendu parler des micro-contrôleurs ? Ou peut-être connaissez vous déjà le BBC Micro:bit , l’Arduino, l'Adafruit asp32 ou encore le Picaxe ? Ce... Lire la suiteÀ proposVotre aventure BBC Micro:bit »

Makerfight 2019

Makerfight 2019, LE combat de robot en Alsace Lire la suiteÀ proposMakerfight 2019 »