Kawałek Kodu

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

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

Co mi www duszy gra, czyli obsługa audio w JavaScript.

Jeśli słoń nie nadepnął Ci na ucho, to pewnie wiesz kiedy grają, a kiedy nie. I bardzo dobrze, bo dzisiejszy wpis nie wymaga znajomości w jakiej notacji zagrana została melodia. Pokażę Ci jak obsługiwać audio na stronie www. Będziesz mógł również doświadczyć na własnych uszach jak to działa przy standardowym użyciu i niestandardowym użyciu.

Czytaj dalej

Tylko dla wybrańców, czyli zaznaczone opcje elementu SELECT

Każdy chce czuć się lepiej od innych, taka nasza próżna natura. Wyróżniać się stylem lub być sprawniej wybranym na rozmowie rekrutacyjnej. Jak i w życiu, tak i w HTML. I właśnie w HTML na pewno zdarzyło Ci się pracować z elementem SELECT, zwanym listą rozwijaną lub drop-down list. Jeśli tak, to musiałeś dokonywać wyborów, czyli wybierać jakąś pozycję z takiej listy. A po wybraniu być może i jakoś ją docenić!

Czytaj dalej

Zróbmy falę, czyli rekreacja efektu D.Y.C.P.

Tym razem powrót do lat 90-tych i demosceny. Dla relaksu głowy zajmiemy się gimnastyką ekranu. Przy pomocy dzisiejszych technologii odwzorujemy efektowny efekt - D.Y.C.P. Nazwa pochodzi od: Different Y Character Position. No i dlatego, że piątek.

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

PrzyLUTuj mu! Czyli przetwarzanie graficzne obrazów.

Wbrew pozorom dzisiejszy wpis nie będzie uczył technik samoobrony, nie będzie też kursem lutowania online. Pokażę Ci jak od środka działają popularne funkcje dostępne w programach graficznych, jak negatyw, rozjaśnianie czy posteryzacja. Opierają się na jednopunktowych operacjach graficznych. Jednopunktowych, bo wpływ na wartość wynikowego punktu obrazu, ma wartość tylko jednego punktu obrazu źródłowego.
Operację taką można opisać równaniem: w(x,y)=F(z(x,y)), gdzie x, y, to współrzędne obrazu, z obraz źródłowy, a w obraz wynikowy. F to operacja jednopunktowa.

Czytaj dalej