# Make an 8 bit sprite

**URL:** <https://forum.code.org/t/make-an-8-bit-sprite/11896>\
**Category:** Unit and Lesson Discussion\
**Tags:** csd-unit-3, csd-unit-3-lesson-6\
**Created:** [November 11, 2017, 4:22pm UTC](https://forum.code.org/t/make-an-8-bit-sprite/11896 "2017-11-11T16:22:33Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![missmuller](https://avatars.discourse-cdn.com/v4/letter/m/9dc877/32.png) [@missmuller](https://forum.code.org/u/missmuller)\
**Post date:** [November 11, 2017, 4:22pm UTC](https://forum.code.org/t/make-an-8-bit-sprite/11896/1 "2017-11-11T16:22:33Z")

</div>

Create a sprite in 8 bit using this site.

[https://www.piskelapp.com/](https://www.piskelapp.com/)

---

<div class="post-metadata">

**Author:** ![bradleywellsashley](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/bradleywellsashley/32/522_2.png) [@bradleywellsashley](https://forum.code.org/u/bradleywellsashley)\
**Post date:** [November 12, 2017, 6:43pm UTC](https://forum.code.org/t/make-an-8-bit-sprite/11896/2 "2017-11-12T18:43:18Z")

</div>

Miss Muller,

Thanks for the share! For anyone using this website to have students create their own sprites, make sure they export as PNG or JPG and then use “sprite.scale” to change the size within the program. This is a great opportunity for students to look through [documentation](https://curriculum.code.org/csd/unit3/code/) to understand commands that haven’t been formally introduced to them yet!

Cheers!  
Brad

---

<div class="post-metadata">

**Author:** ![koliner](https://avatars.discourse-cdn.com/v4/letter/k/f04885/32.png) [@koliner](https://forum.code.org/u/koliner)\
**Post date:** [September 27, 2018, 7:54pm UTC](https://forum.code.org/t/make-an-8-bit-sprite/11896/3 "2018-09-27T19:54:07Z")

</div>

Are students able to import animated sprite created in Piskel.app?  
Thanks.

---

<div class="post-metadata">

**Author:** ![gtwrobel](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/gtwrobel/32/3576_2.png) [@gtwrobel](https://forum.code.org/u/gtwrobel)\
**Post date:** [October 3, 2018, 11:19pm UTC](https://forum.code.org/t/make-an-8-bit-sprite/11896/5 "2018-10-03T23:19:35Z")

</div>

@koliner currently you can’t import a GIF or otherwise animated-type sprite into Game Lab.

---

<div class="post-metadata">

**Author:** ![elizabeth\_admin](https://avatars.discourse-cdn.com/v4/letter/e/bb73d2/32.png) [@elizabeth\_admin](https://forum.code.org/u/elizabeth_admin)\
**Post date:** [October 4, 2018, 6:58pm UTC](https://forum.code.org/t/make-an-8-bit-sprite/11896/7 "2018-10-04T18:58:09Z")

</div>

There is a workaround that some of my students were able to use. You can save the image as an animated GIF, rename it to be a JPG file, upload it, and you should see all the frames in the animation tab. In order to make it work, you have to make a small change to a frame, just adding a dot or something, then once you draw the sprite inside the draw loop, it will animate.

Elizabeth

---

<div class="post-metadata">

**Author:** ![faithdwsn](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/faithdwsn/32/5600_2.png) [@faithdwsn](https://forum.code.org/u/faithdwsn)\
**Post date:** [December 19, 2019, 6:40pm UTC](https://forum.code.org/t/make-an-8-bit-sprite/11896/8 "2019-12-19T18:40:17Z")

</div>

I have tried the work-around by bringing in a gif that was re-saved as a jpg file. It was animating while in the Game Lab animation library as you said, however, the two lower layers were not showing up for me to get to, only the top. When I clicked on the picture it stopped animating and just stopped on the first layer remained visible. I changed one dot on the top of the picture and then put the picture into the draw loop function, hoping it would re-animate and it did not animate. Is there any way that you can share a video of some short showing the process you described that is the work-around? This is coming up a lot for my students.

---

<div class="post-metadata">

**Author:** ![mwood](https://sea2.discourse-cdn.com/flex016/user_avatar/forum.code.org/mwood/32/4941_2.png) [@mwood](https://forum.code.org/u/mwood)\
**Post date:** [December 19, 2019, 10:36pm UTC](https://forum.code.org/t/make-an-8-bit-sprite/11896/9 "2019-12-19T22:36:58Z")

</div>

I have been able to get it to work when I do it, but I’ll confess it isn’t classroom tested with my 7th graders yet, so it wouldn’t surprise me if some students can’t get it to work.

I did create a short video showing how I do it. Here’s the link.

[PiskelApp to GameLab Demonstration](https://www.loom.com/share/7e5811f1918147a1aec4807474ceddbd)

Hope this helps!

Mike
