Chipgrid / Documentation / Exemples

Le code comme œuvre

Des programmes qui sont aussi des images : le code est disposé en ville, en mandala, en circuit imprimé, et il joue.

6 exemples. Chaque bloc est la grille telle que l’app la charge (un . est une case vide). Ouvrir dans Chipgrid l’ouvre prête à jouer ; ou choisissez-la dans le menu EXEMPLES de l’app.

Mécanique

Cinq roues, et la grille est la partition. La gauche et la droite sont en miroir : ) tourne dans le sens des aiguilles, ( dans l’autre. Les roues du haut font 16 ticks, celles du bas 24, celle du centre 32 : elles ne cessent de se décaler. Chaque coin joue ce qui le touche. Regardez les coins s’allumer : vous voyez le rythme. Z2 met aussi l’image en miroir : l’écran est aussi symétrique que le code.

......................# MECANIQUE #
.
......1R5.......................................1R5
...?Q86.7.N010...............................?Q46.b.N010
...)>_____)..................................(_____<(
...|......|..................................|......|
...|......|..................................|......|
...)______)..................................(______(
...B2C2...%..................................P5C12..%
.....................?L00gc9
.....................)>____________)
.....................|.............|
.....................|.V0..T2..Z2..|
.....................|.............|
.....................)_____________)
.....................?H0cg8........K
.
.?O4453...P4G12..............................?Oa25e...N5
.)>_______)..................................(_______<(
.|........|..................................|........|
.|........|..................................|........|
.|........|..................................|........|
.|........|..................................|........|
.)________)..................................(________(
.B1C2.....?/9................................P4E12...?/9

Ouvrir dans Chipgrid ↗ · 132 BPM

Spirale

Une seule voie, enroulée. Tous les 35 ticks, une flèche part du coin et suit la spirale vers l’intérieur, et comme chaque tour est plus court que le précédent, tout accélère : les anneaux rétrécissent, les notes montent, les couleurs tournent plus vite, jusqu’au centre, où l’écran s’efface et la basse frappe. Une nouvelle flèche tous les 35 ticks : plusieurs sont en route à la fois, un canon joué par la forme du code.

......................# SPIRALE #
.....................................................N01
zE___________________________________________________)
....?Qgck3...........................................|
....)______________________________________________).|
....|.?Qgcg4.......................................|.|
....|.)__________________________________________).|.|
....|.|.?Qgcc5...................................|.|.|
....|.|.)______________________________________).|.|.|
....|.|.|.?Qgc87...............................|.|.|.|
....|.|.|.)__________________________________).|.|.|.|
....|.|.|.|.?Qgc41...........................|.|.|.|.|
....|.|.|.|.)______________________________).|.|.|.|.|
....|.|.|.|.|.K.....# the end of the line #|.|.|.|.|.|
....|.|.|.|.|.|B1C8.T2..V0..U11............|.|.|.|.|.|
....|.|.|.|.|.)____________________________).|.|.|.|.|
....|.|.|.|.|.P4G14........................%.|.|.|.|.|
....|.|.|.|.)________________________________).|.|.|.|
....|.|.|.|.P4E14............................%.|.|.|.|
....|.|.|.)____________________________________).|.|.|
....|.|.|.P4C14................................%.|.|.|
....|.|.)________________________________________).|.|
....|.|.P3G14....................................%.|.|
....|.)____________________________________________).|
....|.P3E14........................................%.|
....)________________________________________________)
....P3C14............................................%

Ouvrir dans Chipgrid ↗ · 240 BPM

Envahisseur

L’image à l’écran est l’image dans le code. Le bloc de chiffres au milieu, c’est le sprite : chaque chiffre est une couleur, chaque case vide est transparente. Changez un chiffre pendant la lecture et l’envahisseur change. 4Wr le fait marcher d’un côté à l’autre, Z0 en fait une paire. Deux flèches orbitent autour du cadre, l’une en face de l’autre, et ses coins jouent le rythme. Le cadre fait 64 ticks : 2 × (21 + 13) − 4.

......................# ENVAHISSEUR #
.
.
.
.................N010.................P5C12
.................)>___________________)
.................|....................|
.................|....4Wr.............|
..Ug1............|....$.ab8...........|
..T2.............|......5.....5.......|
..Z0.............|.......5...5........|
..V3.............|......5555555.......|
.................|.....552555255......|
.................|....55555555555.....|
.................|....5.5555555.5.....|
.................|....5.5.....5.5.....|
.................|.......55.55........|
.................|....................|
.................)___________________<)
.................B2C2.................?Lgg0c7

Ouvrir dans Chipgrid ↗ · 126 BPM

Serpent

Une seule voie, repliée d’un bord à l’autre de la grille, avec une flèche qui part tous les 24 ticks. ) la tourne à droite à un bout, ( à gauche à l’autre. Chaque virage joue ou dessine ce qui le touche, et au bout de la ligne, l’écran s’efface et la basse frappe. Allongez la voie et tout ralentit : ici la disposition est vraiment le rythme.

......................# SERPENT #
.
V0..T41
....................................................N01
oE__________________________________________________)
....................................................|
....................................................|
..?H08w3............................................|
..(_________________________________________________)
..|.................................................%
..|
..|.................................................N71
..(_________________________________________________)
..P4C14.............................................|
....................................................|
..?Hogw7............................................|
..(_________________________________________________)
..|.................................................%
..|
..|
..(_________________________________________________K
..P4G14............................................B1C4

Ouvrir dans Chipgrid ↗ · 220 BPM

Mandala

Huit roues en anneaux autour du centre, chacune miroir de ses voisines, comme se construit un mandala : roues extérieures de 20 ticks, intérieures de 8, qui se décalent. Z2 plie l’image de la même façon : l’écran et le code partagent une même symétrie. Déplacez une voix d’un coin à l’autre et écoutez le motif tourner.

........................# MANDALA #
..P4C14...?Q5437..............................P4G14...N0
..)>______)...................................(______<(
..|.......|...................................|.......|
..|.......|...................................|.......|
..|.......|...................................|.......|
..)_______)...................................(_______(
.
....................N01.?Xa4b...B2C1
....................)>__).......(__<(
....................|...|.......|...|
....................)___).......(___(
.
.........................V0.T2
.........................Z2
..........................# 20 et 8 ticks #
....................(__<(.......)>__)
....................|...|.......|...|
....................(___(.......)___)
....................?Hc1a4......?Qcc29
.
.
..(______<(...................................)>______)
..|.......|...................................|.......|
..|.......|...................................|.......|
..|.......|...................................|.......|
..(_______(...................................)_______)
..P4E14...?O2a5e..............................P3A14...%

Ouvrir dans Chipgrid ↗ · 124 BPM

Circuit imprimé

Ça ressemble à un circuit imprimé, et ça se comporte comme tel. Le bloc de gauche n’est pas du code : { et les minuscules ne font rien, ce sont le dessin d’une puce. Quatre émetteurs sur son bord envoient des impulsions à 7, 5, 9 et 6 ticks le long de pistes de rails. Chaque coude dessine un anneau, chaque piste finit sur une voix. Décor et programme s’écrivent dans les mêmes cases.

......................# CIRCUIT IMPRIME #
.
..........V3..T3
.
..{{{{{{
..{{{{7E__________)
..{{{{{{..........|
..{{{{{{..........(__________________________P5C12
..{{{{{{..........?Q6831
..{{{{5E________________)
..{{{{{{................|
..{{{{{{................(____________________P5E12
..{chip{................?Qg843
..{{{{9E______________________)
..{{{{{{......................|
..{{{{{{......................(______________P5G12
..{{{{{{......................?Qog45
..{{{{6E____________________________)
..{{{{{{............................|
..{{{{{{............................(________N010
..{{{{{{............................?Hkw77
..{{{{{{

Ouvrir dans Chipgrid ↗ · 124 BPM

Esc