Kawałek Kodu

Co tu się odskryptala?! Czyli programistyczne porady na luzie

Jak nabić sobie guza, czyli bumpmapping S01E01.

Nie, nie, oczywiście nie będę namawiał żadnego z Was do uzyskiwania efektu guza na własnej głowie. Czasy biegania po pokoju i obijania się o wszelkie narożniki i ściany minęły. Ale ponieważ w duszy każdego z nas jest odrobinę dziecka, to będziemy nabijać inne guzy. Będzie to też nawiązanie do pierwszych, bardziej zaawansowanych gier 3D, w który efekt ten mogliśmy zaobserwować. Wywoływał wtedy rumieńce na buzi, ale bez guzów!

Czytaj dalej

Pralka w piwnicy, czyli automat komórkowy.

Kiedyś szczytem techniki była pralka zastępująca popularną "Franię". Dumnie zwana była automatem, bo potrafiła sama uprać i odwirować majtasy całej rodziny. W Polsce pojawiła się w latach 70-tych. Ale z automatem, i to nie piorącym, mieliśmy do czynienia kilkadziesiąt lat wcześniej. 

Czytaj dalej

Skąd się biorą kółka na wodzie, czyli o efekcie water ripple w JS, S01E01.

Ostatnio trochę deszczowo i mokro się zrobiło, więc podejmiemy temat na czasie. Pokażę Ci skąd się biorą kółka na wodzie, a może dowiemy się również dlaczego cegła wrzucona do wody tworzy kręgi. A to wszystko w efektownej formie ubranej w JS oraz Canvas. I co najważniejsze, każdy z Was będzie mógł takie kółka tworzyć na ekranie własnego komputera bez potrzeby oczekiwania na deszcz. Chcesz być Rainman'em? Czytaj dalej!

Czytaj dalej

Wiadomość z czapy, czyli o nietypowym wykorzystaniu favicon.

Jeśli lubisz wpatrywać się w ekranu telefonu i nie bolą Cię oczy od odczytywania mikrowiadomości, to dziś dzisiejszy odcinek jest dla Ciebie. Treść w nim zawarta oczywiście nie będzie "z czapy", ale sposób w jaki będziemy prezentować informacje może się wydawać trochę niekonwencjonalny.

Czytaj dalej

Picasso byłby zachwycony, czyli fajniejszy, animowany efekt pixelize.

Gdyby Picasso żył dziś, albo gdyby komputery były szerzej dostępne za jego czasów, to zamiast się męczyć malowałby pewnie zwykłe obrazy, skanował, nakładał filtr pixelize w programie graficznym i drukował. My dziś mamy taką możliwość, więc pobawimy się w malarzy. W tym odcinku każdy będzie Pixasso.

Czytaj dalej

Robótki ręczne, czyli linia w SVG jak z kreskówki.

Brzdąkałeś kiedyś na linijce opartej o krawędź biurka? Dziś będziesz mieć okazję do efektów audio dodać efekty wideo oparte na podobnej zasadzie. Też będziemy brzdąkać na czymś elastycznym, podobnym do linijki. Być może obiło Ci się o uszy hasło "krzywa Béziera". Nie będziemy wnikać w jej podstawy matematyczne, lecz wykorzystamy wprost jej właściwości. Ta krzywa (inaczej spline) przypomina właśnie naszą linijkę, albo jeszcze lepiej listewkę ratanu przeplataną przez gałązki wikliny. Końcówki listewki mocujemy na stałe, natomiast gałązki wikliny powodują odkształcenie elastycznej listewki (w krzywej te wszystkie punkty nazywa się punktami kontrolnymi).

Przygotuj materiały!

Czytaj dalej