Tervetuloa Studio 4 –portfoliooni!

Studio 4 on Aalto-yliopiston Informaatioverkostojen koulutusohjelman ohjelmointikurssi, jossa keskitytään graafisten toteutusten tekemiseen ryhmässä hyödyntäen Javaan perustuvaa Processing-ohjelmointikieltä.

Portfoliossa esitellään Viesker-ryhmän (Pietari Keskinen, Lauri Lankinen, Merituuli Melkko, Tomi Laakso, Mikael Koponen) kehittämiä harjoitustöitä sekä video-ohjattuja käyttöliittymiä käsittelevän esseeni.

Voit navigoida portfolion harjoituksia joko vasemmalla ja oikealla nuolinäppäimellä tai alla olevasta menusta.

Kaikki portfoliossa käytetyt kuvat ovat Creative Commons –lisensoituja.
Kuva: Muokattu Billy Alexanderin alkuperäisestä kuvasta

Harjoitus 0 – Piirto-ohjelma

Ensimmäinen harjoitus tehtiin henkilökohtaisesti. Virikkeenä harjoitukselle toimi Aalto-yliopiston joulukortti vuodelta 2010.

Lähdinkin tekemään hieman samoista lähtökohdista toimivaa ohjelmaa — piirtäminen tapahtuu pelkästään ympyröiden sekä kolmioiden avulla. Hiiren vasemmalla korvalla painettaessa, alkaa kursorin alle paisumaan ympyrä. Oikealla korvalla painettaessa voidaan luoda kolmioita ja painamisaika määrittää kuvion koon. Lisäksi on mahdollista valita väri käyttämällä värivalitsinta, tai asettamalla ohjelman arpomaan uuden värin joka kuvion jälkeen.

Olin tyytyväinen lopputulokseen. Tärkeintä tehtävässä oli, että pääsin pureutumaan hyvin Processingin perustoiminallisuuksiin sekä käyttämääni ControlP5-käyttöliittymäkirjastoon.

Lopputulos

Kuva: David Lewis

Harjoitus 1 – Tietokonetaide

Nollaharkan jälkeen päästiinkin ryhmässä tehtävien töiden pariin. Ensimmäisenä oli vuorossa tietokonetaiteen tekeminen. Päädyimme mallintamaan maalipisaroiden sekoittumista vedessä, sillä se tuntui tarpeeksi haastavalta sekä näyttävältä idealta.

Etenkin koska kyseessä oli ryhmätyö, yritin lobata versionhallinnan käyttöä, versiokonfliktien välttämiseksi. Harmillisesti muilla ryhmän jäsenillä ei ollut kokemusta sen käytöstä, ja idea kuopattiinkin lopulta. Lisäksi yliarvioimme tietokoneiden sekä processingin prosenssointikyvyn rajat ja yritimme mallintaa sekoittumistapahtumia partikkelitasolta, emme kokonaisuutena. Tämä johti älyttömään resurssisyöppöyteen, emmekä ehtineet asiaa korjata vaan jouduimme palauttamaan huomattavasti hillitymmän version. Toinen prototyyppi oli kuitenkin visuaalisesti varsin näyttävä — kunhan konetehot riittivät!

En harmillisesti kiireiltäni ennättänyt korjata prototyypin resurssisyöppöyttä, ja jouduimme palauttamaan "jonkun toimivan version". Tämä tehtävä olisi mielenkiintoista tehdä uudelleen uusilla tiedoilla ja taidoilla, ja saada lopulta toimiva versio valmiiksi.

Erinäköisiä lopputuloksia: Resurssisyöppö prototyyppi, Nopeampi prototyyppi, jossa värit eivät oikein sekoitu, Palautettu versio

Kuva: Stefan Van der Straeten

Harjoitus 2 – Informaation visualisointi

Seuraavassa harjoituksessa oli tarkoituksena visualisoida informaatiota mielenkiintoiseen muotoon. Keksimme, että Last.fm-data on mainiota juuri tähän tarkoitukseen. Harjoitus ei kuitenkaan mennyt aivan nappiin, sillä informaatio ei ryhmän sisällä kulkenut tarpeeksi hyvin, ja huomasimme liian myöhään keskittyneemme vääriin asioihin.

Omana hommanani oli last.fm -datan toimittaminen palvelusta tekstimuotoon. Tämän oli tarkoitus olla yksinkertaista, mutta last.fm ei rajapinnoissaan tarjonnutkaan koko kuunteluhistoriaa suoraan, joten data piti parsia useamman mutkan kautta, 50 kuuntelua kerrallaan. Vielä kun rajapinnan rajoituksena oli yksi pyyntö per sekunti, kesti ainakin oman kuunteluhistoriani (n. 30 000 kappaletta) lataamisessa äärettömän kauan.

Ongelmakohtana meille tuli tehtävässä se, että keskityimme kukin liikaa datan käsittelyyn, eikä aikaa jäänyt tarpeeksi itse visualisointiin. Tehtäväkierros oli kuitenkin erittäin opettavainen ryhmätyöskentelyn kannalta, ja seuraavat harjoitukset sujuivat tämän osalta huomattavasti paremmin.

Päivitys: viimeistelimme Laurin kanssa tehtävää. Lisäsin mahdollisuuden tarkastella kuunteluhistoriaa aikajanalla artistikohtaisesti. Lataa ohjelma OS X:lle, Linuxille ja Windowsille. Mikäli haluat tarkastella omaa kuunteluhistoriaasi lataa dumppaajaskripti tästä.

Palautettu versio

Kuva: Jer Thorp

Harjoitus 3 – Vuorovaikutustekniikka

Tällä kertaa oli minun vuoroni kirjoittaa essee. Aloitusta viivästytti osittain Scoopinion-työryhmän matka Kaliforniaan, pääosin oma saamattomuus. En ole mikään esseisti, ja sen huomaa lopputuloksessa. Esseetehtävä olikin varmasti minulle vaikein ja raskain, en nimittäin ollut varmaan koskaan kirjoittanut esseetä aiheesta, josta minulla ei ole käytännössä mitään esitietoja.

Lisäksi huomasin, että kun on liian monta rautaa tulessa, varsinkin huonosti osattujen tehtävien aikakompleksisuus nousee toiseen potenssiin. Tehtävä oli kuitenkin lopulta varsin opettavainen, ehkä jonkinlainen herätyssoitto panostamaan vastaaviin tehtäviin tulevaisuudessa eri tavalla.

Lataa lopullinen esseeni tästä.

Muu ryhmä (poislukien Merituuli, joka myös kirjoitti esseetä) oli puolestaan tehnyt sillä aikaa mahtavan ampumapelin Dead Pandas. Pelissä kameraohjattu lokki ampuu ilmapallolla leijailevia pandoja. Laurin piirtämät grafiikat toimivat loistavasti!

Kuva: Ryhmämme pelistä Dead Pandas

Harjoitus 4 – 3D-grafiikka

Viimeisessa harjoituksena tarkoituksena oli hyödyntää 3D-grafiikkaa. Lyhyen stormauksen jälkeen päädyimme ideaan Punahilkasta, joka seikkailee metsässä polkua pitkin.

Edellisistä kierroksista karttuneet processing- ja ryhmätyötaidot laitettiin hyötykäyttöön - ja hommien jakaminen onnistui erinomaisesti. Itse otin vastuulleni suorastaan raamatullisesti valon, taivaan ja maan. Näihin avuksi löysin kamerakirjasto kaleidoscopen, myöhemmin myös ajattelin pienen sumun tekevän tunnelmalle hyvää ja etsin käsiini sumukirjaston. Lopputulos oli kaukana satumaisen iloisesta tunnelmasta, mutta tajusin, että näinhän tämä on itse asiassa parempi.

Tomi puolestaan huolehti punahilkan seuraaman polun laskemisessa, Merituuli istutti maailmaamme puita. Lauri keksi, että peliin pystyisi lataamaan Google Sketchupilla luotuja 3d-mallinnettuja objekteja. Idea kuitenkin hylättiin lopulta sen raskauden vuoksi. Lopuksi lisäsimme vielä ympäristöön sadetta sekä lentäviä lintuja.

Vaikka jonkinnäköinen peliaspekti olisi tuonut tehtävään enemmän mielenkiintoa, onnistuimme mielestäni tehtävässä hyvin luomalla jopa hieman selkäpiitä karmivan tunnelman. Harjoitus oli myös opettavainen, sillä 3D-grafiikka on itselleni muutamia mallinnuskokeiluja lukuunottamatta hyvin vierasta. Varsinkin "kameran" toiminta aukeni tämän kierroksen aikana mainiosti.

Lataa applikaatio zip-muodossa

Kuva: Harry Fodor