Collègien(ne) ou lycéen(ne), jusqu'à ce jeudi 1
er juin
Casio t'a permis de participer à son exceptionnel
concours May the 4th 2023 .
Il te suffisait de programmer sur ta calculatrice
Casio ou son émulateur ton meilleur dessin
Star Wars , avec 2 catégories au choix :
catégorie fx-92 Collège : pour les dessins programmés sur fx-92+ Spéciale Collège ou déjà sur la nouvelle fx-92 Collège Classwiz catégorie Graph Python : pour les dessins programmés en langage Python sur Graph 35+E II ou Graph 90+E Dans chacune des deux catégories était à gagner un formidable gros lot : 1
console de jeux Nintendo Switch accompagnée d'1
jeu Star Wars (valeur 310€ ) .
Nous avions très hâte de pouvoir te présenter les productions réalisées que nous espérions à la mesure de la dimension remarquable de l'événement. Plusieurs candidats nous les ont fort aimablement partagées, alors découvrons tout cela ensemble.
Elèves fx-92 Collège : Elèves Graph 90+E Python avec turtle : Elèves Graph 90+E Python avec casioplot : Hors concours Graph 90+E Python avec casioplot : Elèves fx-92 Collège - Flotte impériale - _Orlando_ Go to top Pour les participations sur
fx-92 Collège nous avons donc
_Orlando_ , élève de Seconde qui n'a pas attendu le lycée pour s'intéresser à cette cette formidable petite machine.
_Orlando_ s'est littéralement passionné dès le Collège pour les extraordinaires capacités de sa
fx-92+ Spéciale Collège , notamment pour la possibilité de lui programmer des tracés
"à la turtle/Logo/Scratch " .
Déjà grand vainqueur de deux éditions précédentes des concours de dessin
Casio (Noël 2021 et Noël 2022 ) ,
_Orlando_ est de retour pour nous faire la démonstration de ses remarquables compétences ainsi que de son immense talent.
Il choisit en effet de nous représenter la flotte impériale dans toute sa puissance, et c'est tellement bien fait que l'on dirait littéralement que les vaisseaux sont prêts à tout moment à jaillir hors de l'écran pour foncer sur nous !
Pour les éléments non géométriques de son dessin
(vaisseaux) ,
_Orlando_ nous ressort sa remarquable astuce de
Noël 2021 . Les images correspondant à ces éléments sont compressées en
RLE puis intégrées au script sous forme de nombres que tu remarqueras aisément.
Code: Tout sélectionner Aller à x= 10 ; y= 0Consulter Jamais deux sans trois dit-on, alors on te souhaite de gagner ta console
_Orlando_ !
Elèves Graph Python - X-Wing - Matteo Go to top Matteo suit l'enseignement de Physique-Chimie
Marcellus Wallace / @bebertii qui l'a incité à participer.
Il a choisi de nous représenter un
X-Wing vu de dessus, un dessin de sa composition. Mais chose absolument remarquable quand on voit le rendu, il utilise pour cela la bibliothèque de tracé
turtle , alors que cette dernière ne dispose pas dans son édition
Casio Graph des fonctions de remplissage de formes.
Matteo a donc dû créer des fonctions permettant de dessiner des rectangles pleins par déplacements successifs de la tortue. Et surtout, il a donc dû réaliser une décomposition la plus optimale possible de son
X-Wing en assemblage et superposition de rectangles, décomposition que nous t'illustrons ci-contre.
Le rendu sur calculatrice prend ici
9mins 30s . Cela peut paraître beaucoup, mais en passant par la bibliothèque graphique intermédiaire
turtle et qui plus est sans les fonctions natives de remplissage qu'il faut donc remplacer en
Python de la meilleure façon possible, ce n'est pas mal du tout.
Le script fait
2,976 Ko pour
125 lignes sur jusqu'à
37 colonnes, et peut parfaitement être consulté ou même modifié sur calculatrice.
Code: Tout sélectionner from turtle import*Télécharger Elèves Graph Python - Stormtrooper - Souleyman Go to top Souleyman est un autre élève de
Marcellus Wallace / @bebertii .
Il a choisi de nous reproduire une image de
Stormtrooper , ce qui est déjà remarquable dans le contexte d'une utilisation de la bibliothèque de tracé
turtle . Mais en réalité son travail est hautement plus complexe que cela, car
Souleyman a dû se poser plusieurs problématiques et y répondre à chaque fois de façon optimale :
comment coder les données de l'image en Python ? comment convertir une image dans ce format ? comment réafficher à l'aide de mouvements de la tortue à partir de ce format ?
Ce qui se voyait donc moins, c'est que
Souleyman a réalisé un véritable convertisseur d'image en script
Python utilisant la bibliothèque
turtle . Tu peux comparer les images originale et convertie ci-contre.
Le convertisseur opère :
un redimensionnement de l'image en 54×27 pixels une compression RLE basée sur une lecture des pixels de gauche et droite et de haut en bas
L'image est ensuite affichée avec un facteur de
zoom de 7, c'est-à-dire sur
378×189 pixels, remplissant ainsi presque les
384×192 pixels de la zone graphique. Les mouvements de la tortue reproduisent exactement le parcours ayant permis la compression.
Pour l'image choisie ici, le rendu sur calculatrice prend ici
9mins 50s .
Peut-être t'interroges-tu sur ce facteur de 7, dégradant lourdement la qualité de l'image. Améliorer la qualité en réduisant ce facteur ne serait a priori pas problématique :
peu d'effets sur les performances, quasiment tous les pixels de l'écran étant à allumer dans tous les cas, et la compression RLE ne joue pas ici non plus car à ce jour sur Casio un affichage de segments d'une même couleur, même effectué via turtle nécessite obligatoirement une boucle d'appels à la fonction set_pixel() de la bibliothèque casioplot la taille de script n'est pas un problème sur Graph 90+E où nous disposons de pas moins de 16 Mio de mémoire de stockage et enfin pour la mémoire de tas (heap) stockant à l'exécution les données des variables utilisées par les scripts, la Graph 90+E compte à ce jour parmi les solutions les plus généreuses toute concurrence confondue avec 1 Mio Sauf qu'ici, malgré la compression
RLE , il y a contre toute attente un problème avec la mémoire de tas. Les données de l'image sont certes compressées mais pas compactées, utilisant des listes de listes de listes de tuples de couleurs, qui plus est pour ces derniers non pas avec des entiers mais des flottants. Or en
Python , ces types de variables sont déjà de gros consommateurs de mémoire rien qu'en dimension 1, et c'est donc encore pire lorsqu'on les imbrique comme ici. Aux données de l'image mises dans toutes ces listes/tuples s'ajoute ainsi une consommation mémoire de plusieurs octets pour chaque liste/tuple ainsi que pour chacun de leurs nombreux éléments.
Dessin.py Convertisseur.py
Code: Tout sélectionner from turtle import *
Code: Tout sélectionner from PIL import Image Télécharger Elèves Graph Python - Darth Vader vs Millenium Falcon - Thomas S. Go to top Thomas S. , élève de Première, a l'honneur de suivre l'
enseignement de NSI de
Vincent Robert alias
cent20 au
lycée Louis Pasteur à
Avignon .
Thomas choisit pour sa part de représenter la séquence mythique du film-épisode 5
L'Empire contre-attaque où
Darth Vader poursuit le
Faucon Millennium .
Son script de
74,399 Ko ne fait certes que
18 lignes, mais l'une d'entre elles code l'image affichée à l'écran sur pas moins de
74597 colonnes. Avec plus de
256 colonnes donc, le script ne pourra pas être consulté
(et encore moins modifié) directement dans l'éditeur de la calculatrice, uniquement exécuté.
Le script fait appel à la bibliothèque de tracé par pixels
casioplot .
Justement si l'on s'intéresse à la ligne en question, une liste de chaînes de caractères, et que l'on insère un retour à la ligne à chaque nouvel élément de la liste, c'est magique on voit littéralement l'image apparaître au sein même du code !
C'est-à-dire que
Thomas code chaque pixel de l'image avec 1 caractère, servant alors d'index permettant d'aller chercher la couleur lui étant associée dans la palette. Une technique que nous t'avions présentée lors de notre
atelier de création de jeu vidéo réalisé pour
Casio France en
décembre 2022 . Une technique qui certes n'économise pas de place, mais a malgré tout le gros avantage d'être simple, visuelle, et de permettre ainsi la modification facile de l'image à tout moment.
La fonction d'affichage de l'image est faite maison, et
Thomas s'est même donné la peine de l'optimiser pour éviter d'afficher les pixels blancs
(couleur par défaut de l'écran lorsque l'on lance un niveau script) , bien qu'ils soient fort minoritaires ici.
Thomas y a même prévu de quoi afficher l'image de façon
zoomée même si ce n'est pas utilisé ici.
Bien qu'elle fasse le travail correctement quelque chose semble toutefois clocher avec cette fonction, dont l'exécution nous semble trop chronophage. Sur calculatrice
Graph 90+E l'affichage nécessite ici
3 minutes . Par expérience, même en considérant que l'on rafraîchit la totalité des
384×192 pixels de la zone graphique, c'est beaucoup. C'est certes bien moins que les participations utilisant
turtle , sauf qu'ici avec
casioplot on contrôle directement les pixels sans intermédiaire.
Code: Tout sélectionner from casioplot import *Télécharger Elèves Graph Python - Star Wars X Casio - ikario198 Go to top Passons maintenant à
Ilyas R. alias
ikario198 , élève de Première qui a lui aussi le privilège d'être un disciple de
cent20 .
Ilyas , passionné à la fois de programmation et également depuis son enfance pour la saga
Star Wars , a pu trouver ici une occasion exceptionnelle de combiner ses centres d'intérêt. Il a choisi pour sa part de représenter la scène du film-épisode 4
un Nouvel Espoir où le
Millenium Falcon s'approche de la
Death Star , réunissant ainsi deux vaisseaux emblématiques de la saga.
Son script de
44,849 Ko ne fait que
31 lignes, mais plusieurs d'entre elles sont très conséquentes, jusqu'à
18845 colonnes. Le script ne sera donc ici non plus pas consultable ni éditable sur calculatrice, uniquement exécutable.
Le script s'appuie ici encore sur la bibliothèque de tracé par pixels
casioplot .
Ici encore, en insérant des retours à la ligne réguliers sur ces longues lignes, on reconnaît des éléments de l'affichage et met donc en évidence un codage par caractères. Mais à la différence ici, il y a plusieurs éléments graphiques :
le fond d'écran étoilé, affiché en premier les deux vaisseaux ainsi qu'un titre "Star Wars X Casio" C'est-à-dire qu'ici ce ne sont pas
384×192 pixels qui sont rafraîchis mais davantage, une bonne partie d'entre eux étant en effet solicités deux fois
(pour le fond d'écran, et pour l'élément à afficher par-dessus) . Et bien malgré cela nous avons ici des performances bien meilleures ; la
Graph 90+E sortant l'affichage de la scène après 30 secondes, un délai cette fois-ci hautement plus normal.
Ilyas a visiblement bien du talent. Les vaisseaux se détachent ici clairement du fond d'écran sans choquer visuellement pour autant ; on s'attend à tout moment à ce qu'ils se mettent à bouger !
Enfin si tu consultes le code, tu noteras qu'
Ilyas l'a rempli de pléthore de références à l'univers de
Star Wars .
Code: Tout sélectionner from casioplot import set_pixel as coup_de_sabre_laser, show_screen as voir_l_hologrammeTélécharger Hors concours Graph Python - Armée de clones menée par Darth Vader - cent20 Go to top Après les disciples arrive maintenant le maître, j'ai nommé
cent20 en personne, qui bien que hors concours a malgré tout envoyé une participation pour faire honneur à sa spécialité et à son lycée.
Son script s'appuie également sur la bibliothèque graphique
casioplot et fait
99,5 Ko , répartis sur
447 lignes occupant jusqu'à
255 colonnes. Le script ne sera ici pas davantage consultable ou modifiable sur calculatrice, mais c'est ici à cause du nombre de lignes qui dépasse les
300 .
Rien de géométrique ici, il s'agit d'une unique image affichée à l'écran. Nous en reconnaissons d'ailleurs très vite le code ; il s'agit d'une image convertie en script
Python grâce à notre outil en ligne
img2calc .
Sans surprise d'excellentes performances vu que nous avons optimisé le code en question, même pas 15 secondes pour cet affichage plein écran !
Mais d'où vient l'image utilisée ? Rien à voir avec les
sprites des participations précédentes qui pouvaient avoir été récupérées ou adaptées à partir de nombre de sources... Ici l'image a une griffe artistique, mais bizarrement une recherche par image sur
Google Image ne trouve aucune source lui ressemblant.
Et bien
cent20 nous a révélé son secret. Il s'agit en fait d'une image générée par l'Intelligence Artificielle
DALL-E , à la lumière des consignes suivantes :
cent20 a écrit: starwars, armée de clone menée par Dark Vador, cubisme, noir et blanc, yeux rouge
Voici justement des exemples d'
autres variations des résultats sous ces mêmes consignes.
Code: Tout sélectionner #image converted on TI-PlanetTélécharger Hors concours Graph Python - Death Star - Lephe Go to top LePhe , administrateur de
Planète Casio , a lui aussi envoyé une participation hors compétition, au nom de toute sa communauté.
Il représente ici la
Death Star flottant majestueusement dans le vide intersidéral. Mais ici, le rendu du vaisseau en question nous interpelle. Cela ne ressemble pas à un
sprite possiblement extrait d'un jeu vidéo comme on a pu voir dans certaines participations précédentes, cela ne ressemble pas non plus à une vue d'artiste... cela ressemble plutôt à... un rendu 3D !
Et c'est exact, après le
raycasting que nous t'avions sorti en
Python lors de notre
concours de rentrée 2022 ,
Lephe pousse la barre encore plus haut avec maintenant du
raytracing en
Python !
Tu peux comparer ci-contre l'image dont il s'est inspiré
(en bas à droite) et sa reproduction en
raytracing (en haut à gauche) .
Mais ne t'attends pas à trouver dans le code ici quoi que ce soit de ressemblant à ce que l'on a vu précédemment pour coder l'image en question. Au contraire, tout est vectoriel, et la taille du script obtenue en conséquence en est à couper le souffle.
Pour donc les images illustrées jusqu'ici, seulement
7,705 Ko de script, avec seulement
218 lignes pour jusqu'à
105 colonnes, le code peut donc être consulté et même modifié sur calculatrice !
Par contre, avec tous les calculs 3D supplémentaires nécessaires les performances en prennent ici un coup. Si le fond étoilé aléatoire est certes affiché après seulement
6 secondes, il faudra attendre jusqu'à
6min 30s pour que l'affichage de la
Death Star , progressif de haut en bas, soit achevé.
Code: Tout sélectionner from casioplot import *Télécharger Hors concours Graph Python - Escape Out of Dagobah - critor Go to top Et j'ai enfin la joie de vous dévoiler ma participation, juste pour le plaisir, au nom de toute la communauté
TI-Planet , j'ai nommé
Escape Out of Dagobah .
J'adapte pour ma part à nouveau une scène du film-épisode 5
L'Empire contre-attaque , cette fois-ci celle où
Luke tente d'arracher son vaisseau
X-Wing aux marais de la planète
Dagobah .
J'utilise la bibliothèque graphique
casioplot . Record de longueur, le code fait ici
124,724 Ko avec pas moins de
814 lignes, bien évidemment non visualisable ou modifiable sur calculatrice.
Sauf que ce n'est pas un simple dessin, je commence par animer un dialogue entre
Luke et
Yoda que tu fais progresser avec la touche
AC :
L'affichage se compose de différents éléments : fond d'écran, surface du marais, partie sous la surface du marais,
Luke ,
Yoda , leurs deux plateformes et le
X-Wing . La fonction d'affichage a été optimisée pour ne redessiner que les seuls pixels inclus dans un rectangle dont les coordonnées sont à lui communiquer. Pour optimiser les performances il suffit ainsi d'encadrer le ou les changements visuels à chaque affichage par un rectangle le plus petit possible.
Et encore mieux qu'une animation, c'est un véritable jeu vidéo qui démarre après cette cinématique. Ton but est donc ici d'extraire ton
X-Wing des profondeurs de
Dagobah afin de pouvoir vite partir sauver tes amis.
Les contrôles au clavier sont extrêmement simples, le jeu se jouant avec une seule et unique touche,
AC (touche ACtion , c'est facile à retenir) .
À toi de tenir compte des variations automatiques de la jauge alors affichée en haut d'écran, t'indiquant si la
Force est plus ou moins avec toi. La touche
AC te permet ici d'invoquer la
Force . Appuie aux bons moments afin de faire léviter ton
X-Wing le plus possible et l'arracher au marais.
Code: Tout sélectionner #########################Télécharger Une fois de plus des participations tirant profit des formidables capacités de la Graph 90+E , l'emmenant encore et toujours plus haut vers le sommet. Les participants se sont donné énormément de mal en mettant à profit le meilleur de leurs compétences et de leur talent, pour des résultats des plus impressionnants. Félicitations à tous, et merci également à tous ceux qui se sont donné la peine de nous partager leurs chefs-d'œuvre !
Pour ce mois de juin NumWorks est de retour pour t'offrir une nouvelle coque en édition limitée, cette fois-ci avec un dessin de la scène iconique où Einstein te tire la langue, de loin jusqu'ici l'une des meilleurs coques pour les profils scientifiques. 
