💾 Archived View for gamifi.cat › blog › 2022-01-23_kukikorn captured on 2024-08-18 at 17:58:32. Gemini links have been rewritten to link to archived content
⬅️ Previous capture (2023-03-20)
-=-=-=-=-=-=-
He creat un ninotet amb Inkscape i l'he animat amb dos programes diferents, Snap! i GIMP. El resultat és una animació d'un unicorn que sembla que corri.
Aquest Kukikorn s'inspira de l'experiment: «El cavall en moviment» de Eadweard Muybridge, realitzat a finals del segle XIX per saber si, quan un cavall corre, hi ha algun moment que cap pota toca a terra.
L'experiment: «El cavall en moviment» de Muybridge
Segons la Viquipèdia:
En Cinema, un fotograma (frame), o quadre de pel·lícula, és una de les moltes imatges individuals en una pel·lícula, l'element més petit de la pel·lícula. Si es projecta una cadena de fotogrames a una determinada freqüència, com a mínim 12 fotogrames/segon, podem obtenir sensació de moviment.
Fotograma (cinema) a la Viquipèdia
Hi ha diverses tècniques per animar objectes inanimats. Antigament, aparells com el fenaquistoscopi i el zoòtrop ja anticipaven les imatges en moviment cícliques com avui són els GIF (acrònim de Graphics Interchange Format, Format d'intercanvi de gràfics).
Ara, a més, tenim altres programes informàtics que ens permeten crear animacions de diverses maneres. Igualment, però, trobo que no cal abusar molt de les imatges en moviment. Algunes són massa agressives i poden provocar atacs epilèptics.
Aquest programa ens permet fer moltes coses, com editar imatges i crear petites animacions a partir d'imatges o fotogrames. Clica l'enllaç per veure el gif fet amb GIMP.
Crea o troba les imatges que vulguis animar. Si no en tens o no saps crear-les, pots reusar aquest Kukikorn que he creat amb Inkscape.
Per a la creació del GIF amb GIMP farem servir mapes de bits (.png). Aquí les quatre imatges del Kukikorn en .png amb fons gris:
Kukikorn amb fons 1[1]
Kukikorn amb fons 2[2]
Kukikorn amb fons 3[3]
Kukikorn amb fons 4[4]
1: ../../img/ninots/kukikorn/fons-1.png
2: ../../img/ninots/kukikorn/fons-2.png
3: ../../img/ninots/kukikorn/fons-3.png
4: ../../img/ninots/kukikorn/fons-4.png
Imatge Kukikorn animat amb GIMP [IMG]
1. Obre GIMP
Si no el tens instal·lat, descarrega'l des de la pàgina web
www.gimp.org
2. Fes visibles les capes
Eina de capes. Dues maneres d'arribar-hi:
3. Obre les imatges com a capes
"Fitxer > Obre com a capes..."
4. Selecciona les imatges que vulguis usar
Per seleccionar totes quatre imatges, mantingues premuda la tecla control mentre les cliques. Importa-les en ordre, de la 1 a la 4.
5. Desa el projecte
"Fitxer > Anomena i desa". L'extensió serà .xcf i és el fitxer editable per si volem modificar el gif de nou.
6. Converteix el projecte a GIF
"Fitxer > Anomena i exporta". Li hem d'indicar extensió .gif i ens obrirà un diàleg per a:
Per poder modificar el temps, clica a la casella "com una animació" de les opcions del GIF. Exporta i ja ho tens! :)
Descarrega el meu arxiu del Kukikorn en .xfc i obre'l amb GIMP.
Descarrega el Kukikorn en .xcf
Aquest llenguatge de programació també és un programa, i té una comunitat de creadores de continguts digitals.
Per a la creació del GIF amb Snap! farem servir vectors (.svg). Aquí les quatre imatges del Kukikorn en .svg sense fons:
Kukikorn sense fons 1[5]
Kukikorn sense fons 2[6]
Kukikorn sense fons 3[7]
Kukikorn sense fons 4[8]
5: ../../img/ninots/kukikorn/1.svg
6: ../../img/ninots/kukikorn/2.svg
7: ../../img/ninots/kukikorn/3.svg
8: ../../img/ninots/kukikorn/4.svg
Kukikorn animat amb Snap! [IMG]
1. Obre Snap!
Descarrega Snap!
2. Importa els ninotets que vulguis animar
Pots importar imatges de dues maneres:
3. Programa el moviment
A "Programes" de l'objecte Kukikorn, arrossega-hi els següents blocs:
* Quan la bandera verda es premi * Espera segons (agafa'n dos) * Per sempre
* Canvia el vestit a * Fixa la mida a * Següent vestit
I ja ho tindríem!
A la web de Snap![9]
A Gamifica’t![10]
9: https://snap.berkeley.edu/project?user=gamificat&project=kukikorn-gif
![Caratula Kukikorn [IMG]](/kennedy.gemi.dev/archive/cached?url=gemini%3a%2f%2fgamifi.cat%2fimg%2fninots%2fkukikorn%2fcaratula.png&t=638596007120000000&raw=False){kind=link}
![Imatge Kukikorn animat amb GIMP [IMG]](/kennedy.gemi.dev/archive/cached?url=gemini%3a%2f%2fgamifi.cat%2fimg%2fninots%2fkukikorn%2fgif-gimp.png&t=638596007120000000&raw=False){kind=link}
![Kukikorn animat amb Snap! [IMG]](/kennedy.gemi.dev/archive/cached?url=gemini%3a%2f%2fgamifi.cat%2fimg%2fsnap%2fkukikorn-gif.png&t=638596007120000000&raw=False){kind=link}
![Blocs Kukikorn [IMG]](/kennedy.gemi.dev/archive/cached?url=gemini%3a%2f%2fgamifi.cat%2fimg%2fsnap%2fblocs-kukikorn.png&t=638596007120000000&raw=False){kind=link}