Dziś na zajęciach informatycznych wróciłam trochę do scratcha i poćwiczyłam trochę z efektami oraz dźwiękiem. Oto gotowy projekt:
Gra polega na zebraniu siedmiu gwiazdek. Z góry ekranu z losowych miejsc startuje błyskawica posiadająca przyspieszoną animację zmniejszania i zwiększania. Gwiazdka natomiast ma efekty kolor i rybie oko (oba efekty pochodzą z programu). Sam kot jest animowany tylko góra-dół. Po zebraniu siedmiu gwiazdek dostajemy krótki komunikat kończący grę. Pomysł na program nie jest mój. Instrukcję i wskazówki znalazłam w podręczniku ,,SCRATCH komiksowa przygoda z programowaniem". Jest to ćwiczenie ,,Kosmiczna Odyseja. Pełną wersję projektu razem ze skryptami znajdziecie na moim scratchu, który podany jest w zakładce SCRATCH na stronie głównej.
wtorek, 4 kwietnia 2017
wtorek, 14 marca 2017
model RGB
Model RGB, to system używany do tworzenia kolorów z 3 podstawowych kolorów światła. Czerwonego, zielonego i niebieskiego ( Red Green Blue). W tym modelu kolorów używa się systemu szesnastkowego:
1 2 3 4 5 6 7 8 9 A B C D F
z czego F to 15. Im większa wartość znaku (najwięcej to właśnie F) tym więcej danego koloru ''dodamy" do efektu końcowego.
Aby taki kolor uzyskać podczas programowania w języku html piszemy krzyżyk (hashtag), a po nim 6 cyfr, lub liter.
Przykład
#FF0000
To czysty czerwony.
#00FF00
To sama zieleń.
#00FF00
Niebieski bez dodatków.
Oczywiście istnieje o wiele więcej kombinacji skutkujących w inne kolory, a możliwości jest dokładnie tyle, ile różnych ustawień cyfr i liter.
Oto strona, na której znajdziecie kody odpowiadające wielu kolorom, a także generator kolorów przekładający je na liczby:
http://fonty.pl/kolory.htm#generator
Wystarczy skopiować kod do skryptu, czy programu graficznego, aby uzyskać pożądany odcień.
Obecnie moim ulubionym kolorem jest #1FFF9E. W tym generatorze można sprawdzić, co to za kolor :).
1 2 3 4 5 6 7 8 9 A B C D F
z czego F to 15. Im większa wartość znaku (najwięcej to właśnie F) tym więcej danego koloru ''dodamy" do efektu końcowego.
Aby taki kolor uzyskać podczas programowania w języku html piszemy krzyżyk (hashtag), a po nim 6 cyfr, lub liter.
Przykład
#FF0000
To czysty czerwony.
#00FF00
To sama zieleń.
#00FF00
Niebieski bez dodatków.
Oczywiście istnieje o wiele więcej kombinacji skutkujących w inne kolory, a możliwości jest dokładnie tyle, ile różnych ustawień cyfr i liter.
Oto strona, na której znajdziecie kody odpowiadające wielu kolorom, a także generator kolorów przekładający je na liczby:
http://fonty.pl/kolory.htm#generator
Wystarczy skopiować kod do skryptu, czy programu graficznego, aby uzyskać pożądany odcień.
Obecnie moim ulubionym kolorem jest #1FFF9E. W tym generatorze można sprawdzić, co to za kolor :).
wtorek, 28 lutego 2017
Wspomnienie DBI, czyli zasady bezpiecznego Internetu
Na stronie sieciaków znajdują się podstawowe zasady bezpieczeństwa w Internecie. Powyższy projekt jest animowaną wersją tych porad. Jego przygotowanie nie zajęło mi dużo czasu, ale pomaga on zapamiętać te najważniejsze z zasad w prosty i przyjemny sposób. Kilka innych projektów na ten i inne tematy znajdziecie na szkolnym studiu scratcha.
Tutaj --> https://scratch.mit.edu/studios/3692599/
Wszystkim Wam, którzy to czytają, życzę, aby korzystanie z Internetu nie stwarzało problemów, ale było proste i bezpieczne.
wtorek, 7 lutego 2017
DBI
Oto logo dzisiejszego dnia:
DBI, czyli Dzień Bezpiecznego Internetu. Został in ustanowiony na siódmego lutego, a więc dzisiaj. W internecie z tej okazji można spotkać wiele filmików na ten temat. Mogą one ostrzegać bądź pouczać. Oto kilka z nich:
Dzień Bezpiecznego Internetu nie jest obchodzony tylko w Polsce, ale również w całej Europie.
wtorek, 17 stycznia 2017
HTML
Ostatnio i w domu i na zajęciach programowałam w HTML-u, języku do programowania stron interenetowych, który co prawda nie jest już używany do tworzenia witryn, ale jest podstawą CMS-ów.
Kod takiej strony składa się z 2 elementów oddzielonych znacznikami typu <head> czy <body>.
Oto schemat prostego kodu HTML.
<!DOCTYPE html>
<head>
<title> Przykład </title>
</head>
<body>
Przykład
</body>
</html>
Uwaga! kiedyś kod zaczynany był znacznikiem <html>, ale dziś używany jest <!DOCTYPE html>.
Wszystkie znaczniki łączy jedno. Zawsze słowa je tworzące są zamknięte w znaki większości/mniejszości.
Znacznik <html> (dawniej) oznacza rozpoczęcie dokumentu HTML, a znacznik </html> kończy go. Wszystko, co znajdzie się pomiędzy tymi dwoma znacznikami jest uznawane za kod. Innym prostym znacznikiem jest <head>. Jeśli do tego znacznika dopiszemy ukośnik przed ,,head" otrzymamy znacznik zamykający dany element kodu. Działa to w przypadku wszystkich innych np: <body> lub <title>.
Pisząć dokument HTML należy zwrócić uwagę na to, że zwykła spacja nie zadziała po uruchomieniu pliku za pomocą przeglądarki. Należy wtedy użyć znacznika <br>. Jest on jednym z niewielu, które nie mają swojego odpowiednika z ukośnikiem. Jest on po prostu spacją na witrynie. Jeśli chcemy otrzymać większy odstęp, to używamy znacznika <p>. Działa on pojedyńczo, ale można go użyć również tak:
<p Przykład>
Tekst zamknięty w tym znaczniku będzie jednym akapitem.
Taki post na początek ,,kursu" z HTML-a na blogu :)).
Kod takiej strony składa się z 2 elementów oddzielonych znacznikami typu <head> czy <body>.
Oto schemat prostego kodu HTML.
<!DOCTYPE html>
<head>
<title> Przykład </title>
</head>
<body>
Przykład
</body>
</html>
Uwaga! kiedyś kod zaczynany był znacznikiem <html>, ale dziś używany jest <!DOCTYPE html>.
Wszystkie znaczniki łączy jedno. Zawsze słowa je tworzące są zamknięte w znaki większości/mniejszości.
Znacznik <html> (dawniej) oznacza rozpoczęcie dokumentu HTML, a znacznik </html> kończy go. Wszystko, co znajdzie się pomiędzy tymi dwoma znacznikami jest uznawane za kod. Innym prostym znacznikiem jest <head>. Jeśli do tego znacznika dopiszemy ukośnik przed ,,head" otrzymamy znacznik zamykający dany element kodu. Działa to w przypadku wszystkich innych np: <body> lub <title>.
Pisząć dokument HTML należy zwrócić uwagę na to, że zwykła spacja nie zadziała po uruchomieniu pliku za pomocą przeglądarki. Należy wtedy użyć znacznika <br>. Jest on jednym z niewielu, które nie mają swojego odpowiednika z ukośnikiem. Jest on po prostu spacją na witrynie. Jeśli chcemy otrzymać większy odstęp, to używamy znacznika <p>. Działa on pojedyńczo, ale można go użyć również tak:
<p Przykład>
Tekst zamknięty w tym znaczniku będzie jednym akapitem.
Taki post na początek ,,kursu" z HTML-a na blogu :)).
wtorek, 10 stycznia 2017
Trochę przygotowań
Jako, że niedługo drugi etap minilogii na zajeciach informatycznych ćwiczyłam na zadaniach konkursowych. Był to motyw, wachlarz i wycinanka (wachlarza nie skończyłam).
Motyw:
Wycinanka (ta procedura zawierała parametr. Wywołanie na rysunku jest wywołaniem dla wartości parametru :ile 7)
A wachlarza nie ma :).
Te trzy zadanie (bo wachlarz był zrobiony, ale nie do końca) udało mi się zrobić w mniej niż 2 godziny, a że konkurs trwa właśnie 2 godziny mogę być spokojniejsza.
Motyw:
A wachlarza nie ma :).
Te trzy zadanie (bo wachlarz był zrobiony, ale nie do końca) udało mi się zrobić w mniej niż 2 godziny, a że konkurs trwa właśnie 2 godziny mogę być spokojniejsza.
wtorek, 3 stycznia 2017
Od dziś rekurencja
Rekurencja, to inaczej wywoływanie procedury w procedurze. W logomocji przedstawia się to tak, że procedura wywołuje samą siebie tworząc rekurencję. Podstawowymi przykładami rekurencji są drzewa. Takie jak to:
drzewo 100 4
albo to
hibernakus 100 5 ( z elementami losowości)
No albo to
tunel 200 (wiem, że tej rekurencji nie widać, ale jest :] )
drzewo 100 4
hibernakus 100 5 ( z elementami losowości)
No albo to
tunel 200 (wiem, że tej rekurencji nie widać, ale jest :] )
Subskrybuj:
Posty (Atom)