Migająca gwiazda

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

Ruch to nie tylko przesuwanie. Tutaj gwiazda **zmienia kolor** w kolejnych klatkach, a napis stoi w miejscu. Wystarczą 4 klatki i wolne tempo (3 klatki na sekundę). Przycisk **Zapisz GIF** zapisuje animację jako plik, który odtwarza się w kółko w przeglądarce, prezentacji albo wiadomości.

{"width":640,"height":360,"background":"#ffffff","fps":3,"frames":[{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#1e1b4b","x":0,"y":0,"w":640,"h":360},{"type":"star","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#fde68a","points":[320.0,86.0,334.1,126.6,377.1,127.5,342.8,153.4,355.3,194.5,320.0,170.0,284.7,194.5,297.2,153.4,262.9,127.5,305.9,126.6]},{"type":"text","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#e0e7ff","x":200,"y":260,"text":"Dobranoc!","size":40,"bold":true,"italic":false,"font":"sans"}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#1e1b4b","x":0,"y":0,"w":640,"h":360},{"type":"star","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#facc15","points":[320.0,86.0,334.1,126.6,377.1,127.5,342.8,153.4,355.3,194.5,320.0,170.0,284.7,194.5,297.2,153.4,262.9,127.5,305.9,126.6]},{"type":"text","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#e0e7ff","x":200,"y":260,"text":"Dobranoc!","size":40,"bold":true,"italic":false,"font":"sans"}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#1e1b4b","x":0,"y":0,"w":640,"h":360},{"type":"star","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#fef9c3","points":[320.0,86.0,334.1,126.6,377.1,127.5,342.8,153.4,355.3,194.5,320.0,170.0,284.7,194.5,297.2,153.4,262.9,127.5,305.9,126.6]},{"type":"text","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#e0e7ff","x":200,"y":260,"text":"Dobranoc!","size":40,"bold":true,"italic":false,"font":"sans"}]},{"shapes":[{"type":"rect","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#1e1b4b","x":0,"y":0,"w":640,"h":360},{"type":"star","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#facc15","points":[320.0,86.0,334.1,126.6,377.1,127.5,342.8,153.4,355.3,194.5,320.0,170.0,284.7,194.5,297.2,153.4,262.9,127.5,305.9,126.6]},{"type":"text","stroke":null,"strokeWidth":0,"opacity":1,"rotation":0,"hidden":false,"group":null,"fill":"#e0e7ff","x":200,"y":260,"text":"Dobranoc!","size":40,"bold":true,"italic":false,"font":"sans"}]}]}

Ł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.