CoddyRun

Parcours L'atelier pixel art Étape 1

Étape 1 sur 6

La grille de pixels

Dessiner une grille de 16 × 16 cases blanches, en laissant un petit espace entre elles.

Notions :toileboucles imbriquéescoordonnées

Le résultat final du parcours : L'atelier pixel art
Le résultat final du projet
Ce qu'il faut savoir

Un dessin en pixel art est une grille de petits carrés. On en dessine 16 × 16 = 256 avec deux boucles imbriquées : une pour les lignes, une pour les colonnes.

pour l de 0 à 15
    pour c de 0 à 15
        rectangle(atelier, 10 + c * 20, 10 + l * 20, 19, 19, #FFFFFF)
    fin pour
fin pour

Chaque case est espacée de 20 pixels mais ne fait que 19 pixels de côté : il reste une ligne de 1 pixel du fond violet entre deux cases. C'est ce qui dessine la grille, sans tracer aucune ligne !

La grille commence à 10 pixels du bord. La toile est plus haute que large : la place du bas accueillera la palette et les boutons.

Code de départ

Ouvrez CoddyRun et partez d'un programme vide : tout commence ici.

Pas encore CoddyRun ?

Il te faut le logiciel pour faire cette étape. Il est gratuit : crée ton compte pour le télécharger, puis reviens ici, ta place t'attend.

Créer mon compte et télécharger
Besoin d'aide ?
Indice 1

La toile fait 340 × 420 pixels.

Indice 2

La boucle des colonnes est à l'intérieur de celle des lignes : 16 × 16 tours.

Indice 3

Changez 19 en 20 : la grille disparaît, les cases se touchent.

Voir la solution complète

Essayez d'abord par vous-même : c'est en cherchant qu'on apprend. La solution sert à vérifier ou à se débloquer.

@ Les déclarations
atelier est une toile

@ La grille
dimension(atelier, 340, 420)
remplir(atelier, #2D2A4A)
pour l de 0 à 15
    pour c de 0 à 15
        rectangle(atelier, 10 + c * 20, 10 + l * 20, 19, 19, #FFFFFF)
    fin pour
fin pour
affiche atelier

Ce parcours te plaît ?

Crée ton compte gratuit et construis le projet en entier, étape par étape.

Créer mon compte gratuit J'ai déjà un compte