Usiłuję zrobić efekt matriksa w html. Wynik jest jeszcze bardzo daleki od tego który mam w głowie i muszę jeszcze trochę nad tym posiedzieć, ale prezentuję to co udało mi się do tej pory uzyskać:
JavaScript
Płynne przejście jednego koloru w drugi – Grandienty
Zaprezentuję dzisiaj jak zaimplementować w JavaScript płynne przejście z jednego koloru w drugi. Funkcja będzie przyjmować 3 agrumenty. kolor z którego przechodzimy (w notacji html, np. #000000 – długie 7-znakowe kody, bez aliasów ani skrótów), kolor w który chcemy przejść (taki sam format jak wyżej), oraz procentowy stopień przejścia (liczba między "0" a "1").
JavaScript – implementacja iteratorów z Ruby
Jeżeli jesteś zwolennikiem iteratorów z Rubiego i chciałbyś rozszerzyć JavaScript o możliwość kożystania z nich, mam coś w sam raz dla Ciebie!
Napisałem rozszerzenia do typów Numeric oraz Array implementujących te funkcjonalności.
Kalendarz + imieniny + dni ustawowo wolne od pracy – JavaScript
Zaprezentuję teraz jak można zrobić kalendarz w javascript. Obsługuje wszystkie założenia, możnaby jedynie się pokusić o udoskonalenie kodu generującego html i triggery na kliknięcie konkretnego dnia.
animate() bez jQuery czyli podstawy animacji w javascript
Mam w przygotowaniu kilka fajnych rzeczy, muszę tylko z czasem się ogarnąć
Dlatego dzisiaj szybki kursik, jak poprosić przeglądarkę o to, by nam wykonywała jakąś animację.
Czysty javascript, czyli jeśli chcemy osiągnąć animację maksymalnie zminimalizowanym kodem i bez ładowania jakichś dużych frameworków. Powinno działać we wszystkich przeglądarkach.
Facebook – Zaproponuj wszystkim znajomym
Facebook posiada bardzo fajną opcję, Zaproponuj znajomym, dzisiaj pokażę wam, jak można usprawnić klikanie i wybieranie znajomych, żeby nie zaznaczać 500 osób przez godzinę
Jeszcze niedawno można było polecać wszystkie fanpage i nie tylko. Obecnie ta możliwość została ograniczona do polecania swoim znajomym tylko tych fanpage które należą do nas.
Umówmy się, że korzystamy z google chrome. Jeśli chcemy zautomatyzować pracę z polecaniem, to każdy może ponieść takie poświęcenie, a instalacja chrome długo nie zajmuje.
Wchodzimy na własny funpage, klikając link Zaproponuj znajomym. Pokaże się nam okienko z listą znajomych. Klikamy na nie prawym przyciskiem myszki i dajemy Otwórz ramkę w nowej karcie. Przechodzimy do nowo otwartej karty, powinno nam się pokazać samo okienko z listą znajomych. Znów klikamy prawym przyciskiem myszy wybierając Zbadaj element. Po prawej stronie na pasku ikonek mamy Console. To interaktywna konsola javascript (dla tych co nie wiedzą). Możemy na bieżąco edytować w niej dynamicznie otwartą stronę. Wklejamy w konsolę poniższy kod i zatwierdzamy ENTER
Tetris – część 1 (Algorytm rotacji klocków)
Jak już pisałem wcześniej przeglądarka internetowa daje nam olbrzymie możliwości. Zaprezentuję dzisiaj jak napisać grę TETRIS. Chyba nikomu nie muszę wyjaśniać o co w niej chodzi. Jeżeli jednak ktoś nie wie, zapraszam pod http://pl.wikipedia.org/wiki/Tetris.
W części pierwszej zaprezentuję jak stworzyć silnik do generowania i obracania klocków, w czyściutkim JavaScript. Jeszcze do niedawna sądzono, że jest do bardziej zabawka niż język z prawdziwego zdarzenia. Według mnie, jest to wysokopoziomowy kombajn, który wymiata możliwościami, ale też ciężko się niekiedy w nim połapać.
Mam nadzieję, że masz co nieco pojęcia o programowaniu w JS, ale postaram się przybliżyć pewne techniki, które wymagają nieco głębszej znajomości języka.
Silniczek oprzemy na interfejsie który będzie potrafił 3 rzeczy.
- create(type) -> Tworzy klocek (Tetramino) o podanym typie
- rand() -> tworzy klocek o losowym typie
- rotate(k) -> obraca klocek o 90° w przeciwną stronę do ruchu wskazówek zegara