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

Wycinanki z gazet, czyli o efekcie graficznym niczym z kolorowych czasopism.

Dzisiejsze wycinanki nie będą miały wiele wspólnego z wycinankami łowickimi czy kurpiowskimi. Będą nawiązywać do trochę innej tradycji - mianowicie pewnie znanej wielu z Was fascynacji wycinaniem idoli z kolorowych, młodzieżowych czasopism. Dziś już nawet nie trzeba tego robić. W wielu magazynach graficy oferują nam fotosy obiektów westchnień przygotowane już w taki sposób w postaci cyfrowej. Spróbujmy więc odtworzyć ten efekt. 

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

Rzeczy niemożliwe załatwiam od ręki, na cuda też nie trzeba czekać, czyli o błyskawicznym ditheringu... w CSS.

Mam taką książkę z roku 1989 o grafice komputerowej. Jest to jedna z tych książek, której treść jest aktualna również dziś, a jednocześnie rzadko spotykana w nowych pozycjach. Jest tam przedstawiona twarz w porównaniu dwóch rozdzielczości - niskiej i wysokiej. Aby grafika odwzorowywała realny obraz użyto ditheringu. W tamtych czasach przy ograniczeniach, metoda robiła na mnie ogromne wrażenie. Ostatnio wróciłem do niej i zrobiła jeszcze większe wrażenie.

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