Lær at lave interaktive grafikker med opdateret Kom i gang med behandling - 💡 Fix My Ideas

Lær at lave interaktive grafikker med opdateret Kom i gang med behandling

Lær at lave interaktive grafikker med opdateret Kom i gang med behandling


Forfatter: Ethan Holmes, 2019

Vi startede Processing projektet i 2001 som en software skitsebog og til at undervise i computerprogrammering fundamentals inden for en visuel sammenhæng. I stedet for at trykke "Hello World" til konsollen begynder folk at tegne en linje på skærmen. Siden da har Processing udviklet sig mange gange til det, det er i dag - et kraftigt, minimalt miljø for at lære, skitsere og producere professionelt arbejde med et dedikeret samfund af bidragydere, der udvider softwaren med den stadigt voksende liste over biblioteker (udvidelser ). Som altid er Processing gratis software og kan downloades fra projektets hjemmeside.

Med Processing 3 mener vi, at vi har lavet et andet spring fremad. Den har en ny kode editor med en forbedret grænseflade, bedre fejl kontrol og en indbygget debugger. Processing 3 er hurtigere for OpenGL-arbejde, og vi har tilføjet nye funktioner til skærmbilleder med høj opløsning og skærmbilleder i fuld skærm. Vi har også en ny og nemmere måde at installere og opdatere biblioteker, tilstande og værktøjer på. En mere komplet liste over ændringer er tilgængelig online.

Med udgivelsen af ​​Processing 3 er vi begejstrede for at udgive en anden udgave af Kom godt i gang med behandling, en opdatering af vores 2010 bog. Den anden udgave er opdateret til behandling 3. Koden og teksten er opdateret i hele. Det indeholder også et nyt kapitel om at arbejde med og visualisere data, omdannelsesemnet har nu sit eget kapitel, og det nye lydbibliotek til behandling 3 introduceres med eksempler på lydsyntese og gør grafik til lyd. Bogen er nu i fuld farve, herunder kodelisterne, for bedre læsbarhed. Alle figurerne og diagrammerne er opdateret for at få klarhed.

Den største fordel ved behandling 3 for læserne afKom godt i gang med behandling er den forbedrede kode editor. Det bringer mange væsentlige træk ved professionelle kodningsmiljøer til den enkle (men ikke forenklede) Processeringsredaktør. Kode syntaks detaljer, der er anden karakter til erfarne programmører er ofte det mest frustrerende aspekt ved kodning for begyndere. Realtids advarsler og fejlcheck i Processing 3 hjælper eleverne med at se, hvor de skal lægge mere fokus på deres kode. Derudover tillader den nye evne til at "tweak" -koden ændringer i koden, mens den kører. Den minimale indbyggede debugger gør det muligt at sætte pause, undersøge og eksponere de indre funktioner af et program, mens det kører.

For at få en fornemmelse for, hvordan Processing virker, er der to eksempler fra bogen - en fra næsten starten og en nær slutningen. Dette er eksempel 3-18; det viser, hvordan man definerer gennemsigtige farver:

størrelse (480, 120); noStroke (); baggrund (204, 226, 225); // Lyseblå farvefyldning (255, 0, 0, 160); // Rød farve ellipse (132, 82, 200, 200); // Rød cirkelfyldning (0, 255, 0, 160); // Grøn farve ellipse (228, -16, 200, 200); // Grøn cirkelfyldning (0, 0, 255, 160); // Blå farve ellipse (268, 118, 200, 200); // Blå cirkel

Senere, efter at bogen har introduceret variabler, sløjfer, funktioner, arrayer og datatyper, er flere interessante programmer mulige. Denne kode nedenfor er eksempel 12-3. Den indlæser en tabel med breddegrader og længdeværdier for de amerikanske postnumre, og den trækker hver placering som et punkt. Fordi disse data er så tætte, er det større end eksempelvis skærmstørrelse. Musen bevæger visualiseringen til venstre og højre for at fokusere på forskellige områder.

Tabel byer; tomrumsopsætning () {størrelse (240, 120); byer = loadTable ("cities.csv", "header"); slagtilfælde (255); } ugyldig tegning () {baggrund (0, 26, 51); float xoffset = map (mouseX, 0, bredde, -bredde * 3, -bredde); oversætte (xoffset, -300); skala (10); strokeWeight (0,1); for (int i = 0; i <cities.getRowCount (); i ++) {float latitude = cities.getFloat (jeg, "lat"); float longitude = cities.getFloat (jeg, "lng"); setXY (breddegrad, længdegrad); }} void setXY (float lat, float lng) {float x = map (lng, -180, 180, 0, bredde); flyde y = kort (lat, 90, -90, 0, højde); punkt (x, y); }

Alle eksemplerne i bogen kan downloades via den nye Processing 3 Contribution Manager og derefter åbnes via menuen Filer. Når Contribution Manager er åben, skal du vælge "Kom godt i gang med behandling" og derefter "Install" for at tilføje dem til din version af Behandling.

Udover denne bog har vi arbejdet sammen med Lauren McCarthy for at skabe Kom godt i gang med p5.js og med Allison Parrish at skabe Kom i gang med Processing.py. Lauren har porteret den oprindelige bog til JavaScript gennem p5.js-projektet. Allison har portet bogen til Python gennem Processing.py projektet. Begge bøger ændrer det oprindelige indhold som passende for disse forskellige programmeringssprog. Lauren's bog er tilgængelig nu og Allisis vil følge om nogle få måneder.

Processing, p5.js og Processing.py støttes alle af Processing Foundation. Vi startede stiftelsen i 2012 med den todelt mission for at fremme software-færdigheder inden for billedkunst og visuel færdighed inden for teknologirelaterede områder. Vores primære mål er at sænke adgangsbarrieren til kodning for ikke-udviklere og fremme billedkunst for mennesker fra alle baggrunde.

Vi er begejstrede for at dele Processing 3 og Second Edition of Kom godt i gang med behandling med dig.



Du Kan Være Interesseret

HOPE for Makers - En Afspilningsliste - "Hackere på Planet Earth" 13-15 juli 2012 i NYC

HOPE for Makers - En Afspilningsliste - "Hackere på Planet Earth" 13-15 juli 2012 i NYC


Kørestole fra gamle cykeldele

Kørestole fra gamle cykeldele


Alt.Comic-Con: Strolling Artists 'Alley

Alt.Comic-Con: Strolling Artists 'Alley


Salgsteam går til lejren, del II

Salgsteam går til lejren, del II