Dodałem wstępnie dźwięk.

Link do Twittera, bo w gfycat nie ma dźwięku https://twitter.com/rezoner/status/699659249790685184

#rezogry #gamedev #javascript #pixelart

Jeżeli ktoś używa mojej biblioteki do rysowania, albo frameworka to puściłem wczoraj update wyównujący textBaseline na różnych przeglądarkach (a także usuwający antialias z pixelowych czcionek).

#rezogry #gamedev #javascript #html5

Rysowałem, rysowałem, aż narysowałem - zajęło mi to tydzień.

https://www.youtube.com/watch?v=dlOHn6dbSM8#t=10s

#rezogry #gamedev #grafika #pixelart

Crocotile 3D - Program do tworzenia trójwymiarowych map z dwuwymiarowych kafli

#rezogry #grafika #pixelart #gamedev #mikroreklama

W związku z tym, że @Perski podesłał mi "sugestię" jak poprawić ludki. Przerysowałem od nowa wszystkie animacje \o/

Następny GIF będzie już pokazywał kawałek gameplayu.

#rezogry #gamedev #grafika #pixelart

A więc podobają wam się moje ludki? To teraz zobaczcie jak daleko mi do komercyjnego grafika. Po lewej moja wersja - po prawej kolejne kroki nałożone w 5 minut przez @Perski

#pixelart #gamedev #rezogry #grafika

Trzyetapowa animacja drwala.

* Wyciągnięcie siekiery
* Zamach (pętla)
* Chowanie siekiery

ZwróćciePokaż całość

Drwal. Rąbie drewno, aby podtrzymać ognisko przy życiu.

Mam taki pomysł, żeby zrobić małą wioskę multiplayer - gdzie jeden jest drwalem, drugi rybakiem etc.

#rezogry #gamedev #grafika #pixelart

Które ognisko lepsze?

#rezogry #grafika #pixelart #gamedev

Eskimos biega w kółeczku po śniegu \o\

#pixelart #gamedev #rezogry

Zakapturzony ludek biegnący w błocie (16x16)

#rezogry #pixelart #gamedev

Udało mi się utrzymać pixeloze bez AA i spójny baseline (patrzę na ciebie fajerfoksie) dla context.fillText w większości przeglądarek. Potestuję jeszcze kilka dni i puszczę update do playgroundjs

#rezogry #javascript #html5 #gamedev

Canvas GUI. Box model, pozycja i transformacje pokrótce wyjaśnione na obrazku.

#rezogry #gamedev #javascript #html5

Nie wiem czy kogoś zainteresują takie internale. Algorytm, który decyduje o tym jaka jest wartość atrybutu w moim GUI.

#programowanie #html5 #javascript #gamedev #rezogry

CanvasGUI. Na jakiś czas koniec newsów, bo nabrałem za dużo zleceń i dedlajny straszą.
Chciałem tylko nadmienić, że nie chcę, aby GUI było kojarzone z #pixelart w niskiej rozdzielczości.
To tylko kwestia podmiany obrazków. O.

Źródło grafiki - http://opengameart.org/users/kindland

#rezogry #gamedev #javascript #html5

Canvas GUI. Dzisiaj dodałem możliwość określenia stanu początkowego w arkuszu stylów. Taki styl jest aplikowany tylko raz w momencie, w którym element nie został jeszcze wyświetlony. W połączeniu z przejściami (analogicznymi do transition w css) pozwala to na określenie animacji dodania elementu już w arkuszu, bez ingerencji w kod właściwy.

Na obrazku po prawej widać arkusz stylu, a w szczególności właściwość once. Nie nagrałem kursora, ale kilka razy najeżdżam na obiekt poPokaż całość

Canvas GUI. Płynne dopasowanie elementu do przybywającej zawartości.

#rezogry #javascript #gamedev #html5 #programowanie

Canvas GUI. Zaawansowane obramowania i tweening.

Pixele by @Perski

#javascript #html5 #rezogry #gamedev #pixelart

Canvas GUI. Scrollbary, płynne przewijanie i clipping.

#javascript #gamedev #rezogry