Chód: cykl ruchu

Animacja: ruch, tempo i płynność - Grafika komputerowa w liceum i technikum (animation)

Ludzik idzie dzięki **cyklowi**: nogi i ręka przyjmują na przemian dwa położenia, a cała grupa przesuwa się o 50 px na klatkę. Cykl powtarza się, więc animację zapisaną jako GIF można odtwarzać w kółko.

{"width":640,"height":360,"background":"#ffffff","fps":10,"frames":[{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#a3e635","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":"#0f172a","x":58,"y":128,"w":44,"h":44},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[80,172,80,240]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[80,240,62,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[80,240,98,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[80,190,62,225]}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#a3e635","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":"#0f172a","x":108,"y":128,"w":44,"h":44},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[130,172,130,240]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[130,240,148,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[130,240,112,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[130,190,148,225]}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#a3e635","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":"#0f172a","x":158,"y":128,"w":44,"h":44},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[180,172,180,240]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[180,240,162,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[180,240,198,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[180,190,162,225]}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#a3e635","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":"#0f172a","x":208,"y":128,"w":44,"h":44},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[230,172,230,240]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[230,240,248,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[230,240,212,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[230,190,248,225]}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#a3e635","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":"#0f172a","x":258,"y":128,"w":44,"h":44},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[280,172,280,240]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[280,240,262,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[280,240,298,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[280,190,262,225]}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#a3e635","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":"#0f172a","x":308,"y":128,"w":44,"h":44},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[330,172,330,240]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[330,240,348,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[330,240,312,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[330,190,348,225]}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#a3e635","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":"#0f172a","x":358,"y":128,"w":44,"h":44},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[380,172,380,240]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[380,240,362,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[380,240,398,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[380,190,362,225]}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#a3e635","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":"#0f172a","x":408,"y":128,"w":44,"h":44},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[430,172,430,240]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[430,240,448,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[430,240,412,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[430,190,448,225]}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#a3e635","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":"#0f172a","x":458,"y":128,"w":44,"h":44},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[480,172,480,240]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[480,240,462,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[480,240,498,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[480,190,462,225]}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#a3e635","x":0,"y":300,"w":640,"h":60},{"type":"ellipse","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":"#0f172a","x":508,"y":128,"w":44,"h":44},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[530,172,530,240]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[530,240,548,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[530,240,512,290]},{"type":"line","stroke":"#0f172a","strokeWidth":6,"opacity":1,"rotation":0,"hidden":false,"group":"ludzik","fill":null,"points":[530,190,548,225]}]}]}

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

Wszystkie lekcje kursu Grafika komputerowa w liceum i technikum·Zaloguj się, aby zapisać postęp na koncie.