Coding a work of (Pixil)art

For my next learning project I wanted to take a look at the more artistic side of coding and how technology is used to create animations.

A GIF also known as a Graphic Interchange Format is a bitmap image where essentially has a bunch of still frames to create a moving picture. For my first GIF I used a site called Pixilart as a resource to continue my coding journey. Pixilart is a free online website which allows you to make GIFs. The site does not require an account but you can choose to make one if you’d like, for my first GIF I didn’t feel it was necessary to make an account. I started with an idea of what I wanted to create and I wanted to grow with my learning project so I though it would be fitting to make a flower growing. Pixilart lets you choose the side your GIF will be by using pixels to count the width and height, for mine I chose to make my GIF 100 by 100. I used 30 frames with a 100ms frame speed to create my image. Every frame was copied so I could make slight changes to the previous frame rather than redoing each frame, it made the process of GIF making a lot easier this way.

I will definitely be using Pixilart again in the future to hopefully make more detailed and complex GIFs. I am not super artist so I hope that this site will help my understand the more artistic side to coding. Here is a look at my first GIF!