Ruch (animacja) w canvas cz.1

Kliknij na przycisk "Pokaż".

Stworzymy cykliczne rysowanie koła w zależności od zmiennych. Połączymy w jednej funkcji czyszczenie płótna (usuwamy tym poprzedni rysunek koła), rysowanie koła i zmienimy położenie następnego rysowania. Będziemy wywoływać tę funkcję co pewien czas osiągając wrażenie ruchu (nasz mózg nie nadąża z przetwarzaniem pełnego obrazu poniżej 13 milisekund).

1. Ustawienie płótna do rysowania canvas na pełnym oknie
2. Funkcja do rysowania koła w zależności od pozycji x, y
3. Funkcja rysowania całości - połączenie czynności: czyszczenie, rysowanie, zmiany
4. Cykliczne wywoływanie funkcji rysowania co 10ms (0.01s)