botbot.

Minister Zdrowia informuje: botbot jest niezbędny do zaliczenia minimalnej, dziennej dawki rotflów i loli. Serwować bez ograniczeń.

Jesteś geek'iem? Nic nie stoi na przeszkodzie abyś do nas dołączył :]. Czekam na oferty współpracy w komentarzach lub na maila.

Co lepsze kawałki.

Wpadłem wczoraj przypadkowo na tą stronkę, nie żałuje ;]. Znalazłem na niej program do pisania gierek/prezentacji. Programowanie w nim przypomina układanie klocuszków lego. Oczywiście program nie jest jakimś nowym językiem programowania, jest to tylko nakładka dla dzieci, lecz widać jak uczy myśleć jak programista, lepsze to niż takie The Games Factory (z którym miałem styczność kilka lat temu). Nieźle można się nabawić tym SCRATCH'em, wczoraj siedziałem przy nim prawie cały dzień ;]. Polskie dzieci program powinien zainteresować jeszcze z jednego, wcale nie mało istotnego powodu - jest możliwość "programowania" w ojczystym języku :D. Kolejnym plusem jest to że w gierkę gramy przez www, po opublikowaniu jej na oficjalnej stronie (z poziomu programu, żadnych kryteri itp.). Można się dzięki temu pochwalić nią komukolwiek ;], zawsze ktoś to nasze cudo zobaczy. Możemy również ściągać aplikacje innych i zaglądać w "kod". Pod koniec chciałem zaprosić do testowania mojej gierki ;]

Dołączyłem do nich, napisałem pierwszego art'a, dałem pomysł na nabór... Jestem z siebie dumny :P

JPEG

• Zdjęcia
• Gradienty
• Abstrakcje
• Screen'y

GIF

• Animacje
• Pixel-art'y (nie psuje jakości, do 256 barw)
• Ikony, emotikony
• Coś w czym potrzebujemy przezroczyste tło

PNG

No i jesteśmy już przy .png, niedużo tych formatów było ;]. Największym plusem jest to że posiada on obsługę stopniowej przezroczystości (kanał alpha), jako jedyny format, uwierzcie mi jest to naprawdę wielgachne plusisko ;], ale oczywiście musi być i minus :P, IE nie obsługuje tego kanału. Opisze jak i gdzie użyjemy ów formatu:

Zastosowanie: Ramki, nakładki, podmiana koloru, buttony

Podpatrzyłem u RAFi'ego, ramki na obrazkach - tyle że on to robi w Photoshop'ie. Można również zrobić to samo w CSS przy użyciu PNG - nawet lepsze :P. Oczywiście z takimi w CSS jest dużo wygodniej, rysujemy ramkę tylko raz. Oto przepis:

• Ustalamy rozmiar/wielkość pliku graficznego którego będziemy używać, w moim przypadku jest to 300x300 (px).
• Tworzymy nowy obrazek o rozmiarze jaki wcześniej przyjęliśmy, wyłączamy tło, i rysujemy ramkę, możesz używać wszystkich efektów: przezroczystość, cień, obrys, faza zew. i wew. Tak wygląda moja ramka:

  

• Teraz zapisujemy ją następującą: Plik > Zapisz dla Weba..., wybieramy w "Ustawienia" PNG-24 i zaznaczamy "Przezroczystość". Możesz nazwać jak ja "ramka.png".
• Skalujemy jakiekolwiek zdjęcie (na próbę) to takich samych rozmiarów jak ramka. I zapisujemy jako jpg, ja nazwałem "zdjecie.jpg".
• Teraz już kod :]. Uruchamiamy nasz edytor (polecam TopStyle), jak nie mamy nic na stanie to może być systemowy notatnik ;]. Zrobiłem dwa przykłady z których możesz skopiować kod. Pierwszy, drugi. Oba na tej samej nakładce.
• Przykłady tego zastosowania (zmieniona jedynie ramka, kod ten sam):

Po co robić 10 takich samych obiektów w różnych kolorach? Można użyć .png, do podmiany koloru. Teraz już nic nie tłumaczę tylko podaję linki, sami sobie zajrzyjcie w kod i sprawdźcie :P

Podmiana koloru prostego obiektu - koniczynki.

Paski/przyciski podmiana koloru.

Przyciski prosto od Riddle'a ;]

Niedługo jeszcze coś dopiszę, jeżeli chodzi o PNG.

Pozdrawiam, Konrad.

Zapraszam na blog sunlifter'a który uzupełnił mój artykuł o hackowani'e IE

• Można też tak { klik }
• Albo tak { klik }
  
• A tu mój projekt { klik }

Przedpremierowe filmy, w nie najlepszej jakości, w języku angielskim, za darmo: kinomaniak.info. Do oglądanie ów filmów zalecane jest łącze 512 kb/s, lub szybsze, choć można sobie po prostu zaczekać aż się załaduje. "Filmy online" - oglądamy jak filmik z YouTube, czy z DailyMotion. Jak uruchomić napisy do filmów online? Wymyśliłem jeden prosty sposób, taki "chłopski" :P :

• Odpalamy filmik online i zatrzymujemy
• Ściągamy do niego napisy z np. tej strony
• Uruchamiamy w naszym odtwarzaczu filmów jakikolwiek film który mamy na dysku (najlepiej jak najdłuższy)
• Wczytujemy do niego napisy wcześniej ściągnięte
• Formatujemy je do formatu czasowego (w SubEdit'cie: Napisy > Konwertuj format napisów... > Czasowy)
• Wyciszamy nasz odtwarzacz filmów
• Włączamy film i czekamy na pojawienie się pierwszego napisu - zatrzymujemy
• Ustawiamy okienka (tak jak na poniższym screen'ie - żeby było widać napis w odtwarzaczu i film w oknie przeglądarki)
• Włączamy "film online" i czekamy, z kursorem nad przyciskiem włączania filmu w naszym odtwarzaczu - gdy usłyszymy dialog, lub zobaczymy tytuł filmu, klikamy - po prostu dopasowujemy napisy do filmu online :P.
• Przestawiamy na wierzch okno przeglądarki (film online) i oglądamy :]

Jeżeli macie jakieś pomysły lub oprogramowanie do włączanie napisów - to piszcie!

Tak to właśnie wygląda :]

Domenka się nie sprzedała to zrobiłem takie coś, myślę że się przyda (nie widziałem jeszcze takiej polskiej strony), jestem nowy w temacie "filmy online", więc może ktoś chce współpracować? Czekam na zgłoszenia :]

Wraz z drużyną "i245" z którą wcześniej robiłem gre "ARKANOiD" (była mała wzmianka na starym blogu) - mój udzial w pracach nad tą gierką to 3 na wpół pixel-artowe poziomy/levele:

• Las/Drzewo
• Para zakochanych w świetle księżyca
• Biurko komputerowe

Gra nie została ukończona - ja wiedziałem że tak będzie :/ - zawsze tak jest. Nie kończymy bo chcą coś ambitniejszego... errgh. Tworzymy teraz grę w 3D, ja jako ten drugi grafik mam zająć sie teksturami i elementami 2D tj. Interfejs. Gra nosi nazwę Labirynt3D, nie będę tłumaczył o co w niej chodzi bo byłaby to strata czasu, nazwa mówi sama za siebie :] Dodam tylko iż widok będzie z oczu bohatera (FPS), a szukać wyjścia będziemy w klimatach "lochowych". Wszystko co do mnie nalezalo juz zrobione :] Prosze tylko zobaczyć resztę. Czekam na wasze komentarze - szefowi się podoba :]