Harmony reloaded (aktualizacja)
Dzięki blipowi poznałem narzędzie Harmony, wykorzystujące możliwości elementu canvas w html5.
Znaczy się, no. Rysowanie po ekranie. Łatwy eksport do png. Fajne efekty wyłącznie przy użyciu css i javascriptu. Oryginalny projekt Harmony : http://mrdoob.com/blog/post/689.
Paru rzeczy mi brakowało – a to gumki albo możliwości cofania, a to kolorków, a to diabli wiedzą czego. Dlatego narodził się Harmony Reloaded – projekt będący rozbudowaniem Harmony.
Co już jest?
- kolorowanie (sensowniejsze niż w pierwotnej wersji)
- przesuwanie menu
- gumka (pod menu wyboru „pędzla” – eraser)
Changelog:
10 marca:
20:52 dowiaduję się o harmony.
20:54 zaczynam się bawić. wszyscy rysują, ja dłubię w kodzie.
23:53 pojawia się najpierwsza wersja harmony reloaded, a mój łeb jest pełen pomysłów.
11 marca:
16:20 poprawiam kolorowanie pędzla chrome i odrobinkę cywilizuję wybór koloru.
19:20 dalej cywilizuję wybór koloru. nigdzie nie trzeba klikać – wybierasz kolor i śmigasz.
Co dalej?
Na pewno poprawię color pickera – jest brzydki i duży. Potem, zobaczymy.
Sugestie, pytania, komentarze mile widziane – pod tym postem 
I żeby nie było – strona projektu: http://harmony.zgwinta.info/
Edit: do korzystania z Harmony (i Harmony Reloaded) wymagana jest nowoczesna przeglądarka, najlepiej na webkicie. Sam korzystam z Chrome (5 unstable, choć na każdym powinno ruszyć), Safari też da radę. Najnowsza Opera i najnowszy Firefox też da radę. Internet Explorer, jak to z nim bywa, nie ruszy.
Kolejny edit: kolejna poprawka koloru plus możliwość dokładania tła. Do tego parę ikonek. Jak działa tło? Wystarczy wkleić adres obrazka we właściwe pole i wcisnąć enter. Usuwamy ikonką z krzyżykiem. Ikonka z łapką ukrywa płótno i pozwala przesunąć obraz tła. Bawiąc się z tłem pamiętaj, że płótno na tle jest w 30% przezroczyste, więc końcowy rysunek będzie intensywniejszy.
Tagi: harmony, html5, javascript