Gra, przy której dwadzieścia kilka lat temu siedziałem godzinami. Perełka. Przepisana w JS, już teraz do zagrania w przeglądarce! :)
Tag: rozrywka
Zgadnij tego CSSa
guess-css.app – prosta gra w której musisz określić, który kod odpowiada za pokazany efekt.
Najbardziej uzależniająca gra wszechczasów. Paperclips.
Gra w zasadzie tekstowa, z minimalistyczną grafiką.
Sam nie wiem jakim cudem to tak wciąga, ale zdecydowanie jest to bardzo uzależniające.
Budujesz imperium produkcji spinaczy do papieru. Kupujesz drut, tworzysz automatyczną produkcję, osiągasz cele marketingowe. Firma rośnie, inwestujesz, tworzysz drony, potem statki kosmiczne i eksplorujesz kosmos. :)
Próbuj, ale na własną odpowiedzialność: https://www.decisionproblem.com/paperclips/
Rycerze Flexboksowego stołu – gra ucząca Tailwind CSS / Flexbox
Knights of the Flexbox Table – Gra ucząca tailwinda i flexboxa, tym razem z rycerzami jako bohaterami. Całkiem spoko, wciąga :)
Demo na telefonie
Jako że w zamierzchłych czasach udzielałem się na scenie komputerowej (konkretnie na amigowej), takie rzeczy mega mnie jarają:
The Bézier Game – bądź mistrzem graficznego pióra!
Kolejna gra dla grafików: Tym razem musimy prowadzić linię po ścieżce, używając narzędzia „pióro” które prowadzi krzywe Beziera. Mamy do dyspozycji ograniczoną ilość punktów kotwiczących. Liczy się precyzja i też myślenie. Gra jest momentami niełatwa. Ale bardzo wciąga. :)
Gra dla grafików: The boolean game
Prosta gra ćwicząca mózg i rękę. Każdy grafik powinien ją przejść bez trudności. Są to w zasadzie puzzle: Dostajesz figury geometryczne, i kształt do ułożenia. Układasz figury, a potem je łączysz na różne sposoby (sumą, różnicą, maską lub częścią wspólną. Wynik musi być taki jak kształt do ułożenia. Polecam :)
Nietypowa inspiracja
Deadline się zbliża. Trzeba zacząć coś robić, coś projektować. Klient jest fajny, chcesz mu zrobić coś z efektem wow (a przynajmniej żeby to on powiedział 'wow’). Przeglądasz strony konkurencji i templatki z templatemonstera. Wszystkie są ładne, wszystkie ugłaskane, każdy piksel na swoim miejscu, mniam. Tylko że wszystkie… nudne.
A Ty potrzebujesz czegoś nietypowego, czegoś nowego, świeżego powiewu.
Co wtedy?
Wtedy wchodzisz na theuselessweb.com, klikasz różowy przycisk i patrzysz na te dziwadła, i resetujesz mózg. I znowu klikasz, i klikasz, i klikasz. Aż po 37 kliknięciu w różowy przycisk – mówisz „wow”.
Masz pomysł, robisz Klientowi genialną wow-ową stronę, kosisz hajs, profity i szacun na dzielni, dostajesz następne zlecenia. I następne, i następne, coraz większe.
I klikasz, klikasz ten różowy przycisk.
Tak to działa.
Prosta gierka HTML
Obrazy generowane przez AI
Jako że blisko mi do grafiki, obrazów i tym podobnych wizualnych rzeczy, a jednocześnie fascynuje mnie tworzenie obrazów kodem/algorytmem – to rzeczą naturalną jest to że zaciekawiły i zauroczyły mnie obrazy tworzone przez sztuczną inteligencję.
W Sieci jest kilka generatorów tego typu obrazów – na przykład deepart.io czy deepdreamgenerator.com.
Jak to działa? Wrzucasz do maszynki dwa obrazy. Maszynka (a raczej AI, która nie jest tak naprawdę sztuczną inteligencją ale algorytmem maszynowym – uczącym się) stosuje styl graficzny drugiego obrazka na pierwszym. Trzeba trochę poczekać i pokombinować, ale ze zwykłych zdjęć wychodzą cuda.
Polecam do pooglądania:
https://deepdreamgenerator.com/feed
https://pl.pinterest.com/revolwebPL/the-best-of-ai-deep-dream-generator/ – mój pinterestowy subiektywny zbiór najlepszych tego typu prac