Główna zawartość
Programowanie
Kurs: Programowanie > Rozdział 1
Lekcja 5: Podstawy animacjiCzym są animacje?
Gratulacje, nauczyłeś/nauczyłaś się rysować używając swoich umiejętności programowania! Teraz nauczysz się, jak zamieniać te rysunki w animacje, za pomocą tylko nieco większej liczby linijek kodu.
Najpierw jednak omówmy to, czym jest animacja. Jak możesz zrobić animacje bez programowania?
Możesz zrobić kilka rysunków na kartkach papieru, a następnie przewracać bardzo szybko te kartki tak, żeby widzieć po kolei obrazki, i będzie to wyglądać jak animacja. No, właściwie tak to wyglądałoby, gdyby te obrazki różniły się jednak trochę od siebie. Spójrz na moją przykładową animację stworzoną za pomocą papieru i ołówka, przedstawia ona samochód jadący po ulicy:
Pewnie stworzenie tej animacji zabrało trochę czasu i właściwie nie jest ona taka dobra. Trzęsie się i nie ma żadnych kolorów.
Dzisiaj żyjemy w animacyjnej przyszłości! Możemy tworzyć lepsze animacje programując je w kilka minut za pomocą kilkunastu linijek kodu, tak jak tutaj:
Chcesz się nauczyć jak to zakodować? Idź dalej!
Chcesz dołączyć do dyskusji?
- Witam! bo jeśli stworzę tutaj animację - to w jaki sposób potem podpiąć to pod plik z kodem html ? Bardzo dobry ten kurs, ale nie wiem jak wyzwolić to w html
proszę o pomoc(6 głosów)- W HTML, żeby umieścić kod JS, użyj znacznika
<script>
do<body>
. Następnie, jeżeli będziesz rysować według tego kodu, wstaw tag<canvas>
wewnątrz znacznika<head>
(niestety, niewiele wiem o tym, jak to zrobić) i uwolnij swoją kreatywność z malowaniem!
Niestety, nie wszystkie środowiska programistyczne będą to obsługiwać.(2 głosy)