Skacząca piłka

Animacja klatka po klatce - Grafika komputerowa w szkole podstawowej (animation)

Animacja ma **8 klatek**. W każdej piłka jest trochę dalej w prawo i trochę wyżej albo niżej, a trawa się nie zmienia. - Pasek klatek pokazuje miniatury. **Powiel klatkę** tworzy kopię, w której przesuwasz piłkę o kawałek. - **Poprzednia klatka w tle** pokazuje półprzezroczyście poprzednią fazę ruchu, żeby łatwo trafić. - **Odtwórz** pokazuje animację, a **Klatek na sekundę** ustawia tempo (tu 8).

{"width":640,"height":360,"background":"#ffffff","fps":8,"frames":[{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#86efac","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#ef4444","x":50.0,"y":170.0,"w":60,"h":60}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#86efac","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#ef4444","x":110.0,"y":110.0,"w":60,"h":60}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#86efac","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#ef4444","x":170.0,"y":70.0,"w":60,"h":60}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#86efac","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#ef4444","x":230.0,"y":50.0,"w":60,"h":60}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#86efac","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#ef4444","x":290.0,"y":70.0,"w":60,"h":60}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#86efac","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#ef4444","x":350.0,"y":110.0,"w":60,"h":60}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#86efac","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#ef4444","x":410.0,"y":170.0,"w":60,"h":60}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#86efac","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#ef4444","x":470.0,"y":170.0,"w":60,"h":60}]}]}

Ładowanie interaktywnego edytora... Jeśli się nie pojawi, włącz JavaScript.

Wszystkie lekcje kursu Grafika komputerowa w szkole podstawowej·Zaloguj się, aby zapisać postęp na koncie.