Palasin yhä uudelleen samaan efektiin, mutta helppoa tapaa tehdä sitä ei ollut: sana pilkottuna neliöpalikoihin, kiedottuna tiiviisti kohteen ympärille, osa kirjaimista edessä, osa takana. Pixel Frame on työkalu, jonka rakensin sitä varten. Se toimii selaimessa ja on ilmainen.
Ylhäällä oleva koira on Ramos. Raahasin sen kuvan työkaluun, kirjoitin sen nimen, ja palikat asettuivat sen ympärille sinisinä ja muodostivat sanan RAMOS yhä uudelleen, yksi kirjain kussakin palikassa. Pilkullinen tausta on taso, jonka asetin valmiin kuvan taakse. Irti leikattu kohde ja palikat tulivat suoraan työkalusta.
Työkalu toimii muutamassa vaiheessa. Se leikkaa kohteen irti taustastaan: läpinäkyvyyden avulla, jos tiedostossa sellaista on, tai täyttämällä sitä ympäröivän valkoisen, kun kuva on tasaisella taustalla. Sitten se asettaa ruudukon siluetin päälle, säilyttää ne ruudut, joiden läpi reuna kulkee, ja kiertää ne järjestyksessä muodon ympäri. Teksti asettuu tähän ruuturenkaaseen, yksi merkki kuhunkin palikkaan, ja jokainen palikka voi piiloutua kohteen taakse tai asettua sen päälle.
Ennen palikat myötäilivät pelkkää reunaa. Tässä versiossa on uutena Distance-säädin: kun kasvatat sitä, kankaan ympärille syntyy tyhjä marginaali, jolloin rengas irtoaa siluetista ja kiertää valitsemasi välimatkan päässä.
Vertailussa sama harmaa möykky on ajettu työkalun läpi kahdesti. Vasemmalla Distance on nollassa: palikat myötäilevät reunaa ja pari livahtaa sen taakse. Oikealla arvo on 60, ja koko rengas irtoaa muodosta.
Kokeile sitä omalla kuvallasi Pixel Frame -työkalussa. Työkalu tallentaa PNG- ja SVG-tiedostoja, ja SVG:ssä palikat ja kirjaimet säilyvät aitoina vektorimuotoina. Kaikki tapahtuu selaimessasi, joten mikään tiedosto ei lähde koneeltasi. Ramos-kuva on tehty pienellä skriptillä, joka on tämän sivuston repositoriossa. Skriptissä on kiinteä satunnaissiemen, joten palikat osuvat joka ajolla samoihin kohtiin.