Kategoriat
Netti

Kotisivu ja galleria vaatetukseen liittyvälle taideprojektille

ensaemble website

Olen ollut onnekas saadakseni työskennellä Ensæmble taiteilijaryhmän kanssa. En ainoastaan luodakseni tämän showcase -tyylisen nettisivun, vaan myös aikaisemmin vuonna 2015 tein heidän kanssaan yhteistyötä puettavan teknologian anturidataan perustuvan tanssiteoksen parissa.

Olin onnellinen pystyessäni auttamaan websivun luomisessa Ensaemblen määritelmien mukaisesti. Se koostuu viidestä triptyykistä, joiden kuvat vaihtuvat satunnaisesti valituin määrätyin välein. Käykääpä katsomassa!

Kategoriat
Netti

Selaimella toimiva pelillistetty audiovisuaalinen taideteos

Inter_active

 

Inter_active on Juha van Ingenin pelillistetty installaatio, johon inspiroi muinainen Moksha Patam (Tikapuu pelastukseen), joka yleisesti tunnetaan pelinä käärmeet ja tikapuut.

Taiteilija halusi kaksi polkua, mikä käytännössä tarkoitti kahta vierekkäistä kuvasekvenssiä ruudulla. Kuvat ovat animoituja giffejä, ja pelaaja/katsoja etenee kuvissa painamalla näppäimiä.

Kuviin liittyy ääniraita, jonka toteutti valikoitu joukko äänitaiteilijoita. Äänet luuppaavat kuvista itsenäisesti, ja pelaaja voi pysäyttää tai soittaa ääniä halutessaan. Äänivalikoima etenee myös sekvenssinä, ja kaksi ääntä voi enimmillään soida yhtäaikaa.

Pääasiallinen haaste on nähdä kaikki animaatiot ja saavuttaa loppu. Pelaaja voi myös luoda erilaisia kuvien ja äänien yhdistelmiä ja tulla siten itse luojaksi prosessin edetessä.

Toteutustekniikat olivat HTML5, CSS and Javascript (jQuery).

Kategoriat
Netti

Kuvien lisääminen WordPressin tagipilveen ja sen muotoilu jQuerylla

Tämä yksinkertainen jQuery skripti mahdollistaa kuvien lisäämisen tagien yhteyteen WordPressin tagipilvessä (wp_tag_cloud). Skriptillä voi myös muotoilla tagipilveä käyttämättä WordPressin funktioita. Yksittäisen tagin yhteydessä olevan kuvan koko muuttuu WordPressin antaman tekstin koon mukaisesti.

Kategoriat
Netti

Koodinpätkä räätälöidyn satunnaiskuvagallerian luomiseen WordPressissä ja ulkoasun muotoiluun jQueryllä

Otsikosta voisi olettaa mahtavampaakin ohjelmanpätkää, mutta tämä on itse asiassa aika yksinkertainen ja suoraviivainen projekti. Minun piti luoda visuaalinen lisäke eräälle WordPress-pohjaiselle webbisivustolle, jota juuri olin uudistamassa, ja käytin ensiksi WordPressin omaa galleriatoimintoa. Galleriassa oli viisi kuvaa testejä varten. Kuvat asettuivatkin kahteen riviin siten, että ensimmäisellä rivillä oli kolme ja toisella kaksi kuvaa. Sattumalta niistä siis muodostui eräänlainen portaikko. Sain siitä idean portaikon täydentämiseksi kolmiportaiseksi vielä yhdellä rivillä ja yhdellä kuvalla. Kuvat valittaisiin satunnaisesti suuremmasta galleriasta.

Kategoriat
Netti

Lasten osallisuutta edistävän sivuston luominen

MunVuoro campaign main siteMunVuoro Children's PagesMunVuoro! -hanke on kahdeksan suomalaisen lasten- ja nuortenjärjestön yhteishanke, jonka tarkoitus on edistää lasten osallisuuden käytäntöjä ja demokratiataitoja.

Sivusto rakentuu tiedotusosiosta ja lasten osiosta. Hankkeen ja lasten sivujen kohdeyleisönä ovat kaikki 6 – 12 vuotiaat.

Sivusto toteutettiin hyödyntäen WordPress-julkaisualustaa.