Kawałek Kodu

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

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

Każdy kij ma trzy końce, czyli fraktalne drzewo.

Jesień jest idealną porą na ogrodowe porządki. Przesadzanie i sadzenie. Będziemy sadzić, ale aby nie przesadzić. Nie przesadzić z rekurencją, bo ta będzie nam dziś towarzyszyć. Tym razem o fraktalu bezimiennym, choć w naturze często podpisywanym na korze inicjałami imion i serduszkiem. Bezimiennym, ale równie atrakcyjnym, a być może nawet bardziej niż ostatnio opisywany fraktal Pana Sierpińskiego.

Zróbmy dołek w wyjaśnieniach.

Czytaj dalej