# Sprite Library

**URL:** <https://forum.makecode.com/t/sprite-library/4002>\
**Category:** Collaboration\
**Tags:** art\
**Created:** [October 21, 2020, 1:07pm UTC](https://forum.makecode.com/t/sprite-library/4002 "2020-10-21T13:07:33Z")\
**Posts on this page:** 20\
**Page:** 4

<div class="post-metadata">

**Author:** ![UnsignedArduino](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/unsignedarduino/32/592_2.png) [@UnsignedArduino](https://forum.makecode.com/u/UnsignedArduino)\
**Post date:** [October 22, 2020, 3:27pm UTC](https://forum.makecode.com/t/sprite-library/4002/61 "2020-10-22T15:27:32Z")

</div>

It actually has a blocks interface now:

> [@Change color palette dynamically](https://forum.makecode.com/t/change-color-palette-dynamically/1401):
>
> Hello there, I want to change the color palette of my MakeCode Arcade project dynamically. There seem to be some extensions that can do that for me, but documentation is lacking and I don’t understand how to use it. Is there any documentation or extensions that can help me change the color palette dynamically easily?

---

<div class="post-metadata">

**Author:** ![Kat](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/kat/32/2596_2.png) [@Kat](https://forum.makecode.com/u/Kat)\
**Post date:** [October 22, 2020, 3:28pm UTC](https://forum.makecode.com/t/sprite-library/4002/62 "2020-10-22T15:28:32Z")

</div>

Oh nice!

---

<div class="post-metadata">

**Author:** ![GameGod](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/gamegod/32/2756_2.png) [@GameGod](https://forum.makecode.com/u/GameGod)\
**Post date:** [October 22, 2020, 4:12pm UTC](https://forum.makecode.com/t/sprite-library/4002/63 "2020-10-22T16:12:07Z")

</div>

This doesn’t allow you to view the correct colors in the sprite editor.

However, this simple copy-paste JavaScript works nicely!

> [@Sprite Editor Color View](https://forum.makecode.com/t/sprite-editor-color-view/3725):
>
> I used the Color fading extension to change the RGBs, but I wish the right colors would show up in the art editor. Is there a way to do this in JavaScript? (Gray Scale Example) [https://makecode.com/\_h8MdpuJyaYsp](https://makecode.com/_h8MdpuJyaYsp)

Don’t let JavaScript intimidate you. Just follow the instructions!

---

<div class="post-metadata">

**Author:** ![UnsignedArduino](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/unsignedarduino/32/592_2.png) [@UnsignedArduino](https://forum.makecode.com/u/UnsignedArduino)\
**Post date:** [October 22, 2020, 4:16pm UTC](https://forum.makecode.com/t/sprite-library/4002/64 "2020-10-22T16:16:07Z")

</div>

Yes, so I usually would just change it in `pxt.json` or whatever file it’s supposed to be. I usually don’t change the colors anyway, I only use that extension for fading to black and back. They make good cutscene stuff.

---

<div class="post-metadata">

**Author:** ![GameGod](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/gamegod/32/2756_2.png) [@GameGod](https://forum.makecode.com/u/GameGod)\
**Post date:** [October 22, 2020, 4:16pm UTC](https://forum.makecode.com/t/sprite-library/4002/65 "2020-10-22T16:16:23Z")

</div>

I agree.

---

<div class="post-metadata">

**Author:** ![Dreadmask197](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/dreadmask197/32/10494_2.png) [@Dreadmask197](https://forum.makecode.com/u/Dreadmask197)\
**Post date:** [October 22, 2020, 5:29pm UTC](https://forum.makecode.com/t/sprite-library/4002/66 "2020-10-22T17:29:39Z")

</div>

I never felt like editing the `pxt.json` cause I never like it when my project “dies”

---

<div class="post-metadata">

**Author:** ![UnsignedArduino](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/unsignedarduino/32/592_2.png) [@UnsignedArduino](https://forum.makecode.com/u/UnsignedArduino)\
**Post date:** [October 22, 2020, 8:23pm UTC](https://forum.makecode.com/t/sprite-library/4002/67 "2020-10-22T20:23:35Z")

</div>

Yes, my first art contribution!

I was using the settings extension to store some stuff and I wanted an option to reset the data from the program. Since floppy drives are associated with saving data, this is what I made:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/5/5300f0f8cc7033f50d57b648559191a941601ae1.png)

Here’s the code - copy and paste it into a 16x16 image:

```typescript
img`
. . . . . . . . . . . . . . . . 
. . c c b b b b b b c . . . . . 
. . c c b b b b b b c c . . . . 
. . c c b b b b b b c c c . . . 
. . c c c b b b b c c c c c . . 
. . c c c c c c c c c c c c . . 
. . c c c c c c c c c c c c . . 
. . c c c c c c c c c c c c . . 
. . c c c c c c c c c c c c . . 
. . c c c d d d d d d c c c . . 
. . c c d d d d d d d d c c . . 
. . c c d c c c c c c d c c . . 
. . c c d d d d d d d d c c . . 
. . c c d c c c c c c d c c . . 
. . c c d d d d d d d d c c . . 
. . . . . . . . . . . . . . . . 
`

```

---

<div class="post-metadata">

**Author:** ![UnsignedArduino](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/unsignedarduino/32/592_2.png) [@UnsignedArduino](https://forum.makecode.com/u/UnsignedArduino)\
**Post date:** [October 22, 2020, 8:29pm UTC](https://forum.makecode.com/t/sprite-library/4002/68 "2020-10-22T20:29:03Z")

</div>

And this was the final image, with the big ❌ on the 💾 (had to shrink it a bit so the X looked better):

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/f/fbd705838153bf9c7f906351deaa838acf64f092.png)

Code:

```typescript
img`
2 2 . . . . . . . . . . . . 2 2 
2 2 2 f f f f f f f f . . 2 2 2 
. 2 2 2 b b b b b c f f 2 2 2 . 
. . 2 2 2 b b b b c c 2 2 2 . . 
. . f 2 2 2 b b b c 2 2 2 f . . 
. . f c 2 2 2 b c 2 2 2 c f . . 
. . f c c 2 2 2 2 2 2 c c f . . 
. . f c c c 2 2 2 2 c c c f . . 
. . f c c c 2 2 2 2 c c c f . . 
. . f c c 2 2 2 2 2 2 c c f . . 
. . f c 2 2 2 d d 2 2 2 c f . . 
. . f 2 2 2 c c c c 2 2 2 f . . 
. . 2 2 2 d d d d d d 2 2 2 . . 
. 2 2 2 d c c c c c c d 2 2 2 . 
2 2 2 f f f f f f f f f f 2 2 2 
2 2 . . . . . . . . . . . . 2 2 
`

```

---

<div class="post-metadata">

**Author:** ![GameGod](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/gamegod/32/2756_2.png) [@GameGod](https://forum.makecode.com/u/GameGod)\
**Post date:** [October 23, 2020, 2:04am UTC](https://forum.makecode.com/t/sprite-library/4002/69 "2020-10-23T02:04:14Z")

</div>

![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/9/9539e96b22b625632458c3920d363cbdb155e901.png)

My cars

---

<div class="post-metadata">

**Author:** ![GameGod](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/gamegod/32/2756_2.png) [@GameGod](https://forum.makecode.com/u/GameGod)\
**Post date:** [October 23, 2020, 3:43am UTC](https://forum.makecode.com/t/sprite-library/4002/70 "2020-10-23T03:43:19Z")

</div>

> [@Need art](https://forum.makecode.com/t/need-art/4030):
>
> Please add animal heads to the first block. They have to be 8 by 8 (this block) Images should have at least five DIFFERENT colors. They should not have a black outline. If you add images, thank you!

Anyone wanna help with this?

---

<div class="post-metadata">

**Author:** ![GameGod](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/gamegod/32/2756_2.png) [@GameGod](https://forum.makecode.com/u/GameGod)\
**Post date:** [October 23, 2020, 3:44am UTC](https://forum.makecode.com/t/sprite-library/4002/71 "2020-10-23T03:44:37Z")

</div>

Also, made this:

![Screenshot 2020-10-22 222356](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/c/c1a05fea60429e041de43338b350f3d3989d1851.png)

The G is lowercase and capital at the same time.  
Lowercase:  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/7/71d64029f57127194e67e0f3c268b855a8463104.png)

Capital:  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/7/7f7919a3cb79502197ff19336883b5c287737cdb.png)

---

<div class="post-metadata">

**Author:** ![UnsignedArduino](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/unsignedarduino/32/592_2.png) [@UnsignedArduino](https://forum.makecode.com/u/UnsignedArduino)\
**Post date:** [October 23, 2020, 12:55pm UTC](https://forum.makecode.com/t/sprite-library/4002/72 "2020-10-23T12:55:03Z")

</div>

Newspaper:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/f/fd6dba8ef6dd3ccabe7fc7620dbe2a179d74c2e2.png)

Code:

```typescript
img`
. . . . . . . . . . . . . . . . 
. . . f f f f f f f f f f f . . 
. . . f 1 1 1 1 1 1 1 1 1 f . . 
. f f f 1 f f f f 1 1 1 1 f . . 
. f 1 f 1 f f f f 1 f f 1 f . . 
. f 1 f 1 f f f f 1 1 1 1 f . . 
. f 1 f 1 f f f f 1 f f 1 f . . 
. f 1 f 1 1 1 1 1 1 1 1 1 f . . 
. f 1 f 1 f f f f f f f 1 f . . 
. f 1 f 1 1 1 1 1 1 1 1 1 f . . 
. f 1 f 1 f f f f f f f 1 f . . 
. f 1 f 1 1 1 1 1 1 1 1 1 f . . 
. f 1 f 1 f f f f f f f 1 f . . 
. f 1 f 1 1 1 1 1 1 1 1 1 f . . 
. . f . f f f f f f f f f . . . 
. . . . . . . . . . . . . . . . 
`

```

---

<div class="post-metadata">

**Author:** ![LcAtonal](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/lcatonal/32/16800_2.png) [@LcAtonal](https://forum.makecode.com/u/LcAtonal)\
**Post date:** [October 23, 2020, 1:42pm UTC](https://forum.makecode.com/t/sprite-library/4002/73 "2020-10-23T13:42:46Z")

</div>

I liked @GameGod 's Idea of using arcade to make profile pictures so I made myself one  
 ![Screen Shot 2020-10-23 at 9.38.26 PM](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/d/db3f809ab6c15c3926c67a777155367d635698ae.png)  
The whole code in java is basically like this  
let mySprite = sprites.create(img` fff9ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff fff9ffffffffffffffffffffffffffffffffff9999ffffffffffffffffffffff fff9ffffffffffffffffffffffffffffffffff9669ffffffffffffffffffffff ff999fffffffffffffffffffffffffffffffff9ff9ffffffffffffffffffffff ff9f9fffffffffffffffffffffffffffffffff9ff9ffffffffffffffffffffff ff999fffffffffffffffffffffffffffffffff9ff9ffffffffffffffffffffff ff696fffffffffffffffffffffffffffffffff9999ffffffffffffffffffffff fff9ffffffffffffff999fff999fffffffffff6666ffffffffffffffffffffff fff9ffffffffffffff999fff999fffffffffffffffffffffffffffffffffffff ff999fffffffffffff999fff999fffffffffffffffffffffffffffff9999ffff ff9f9fffffffffffff999fff999fffffffffffffffffffffffffffff9669ffff ff999fffffffffffff999fff999fffffffffff99ffffffffffffffff9ff9ffff ff696fffffffffffff999fff999ffffffffff969ffffffffffffffff9ff9ffff fff9ffffffffffffff999fff999fffffffff96f9ffffffffffffffff9ff9ffff fff9ffffffffffffff999fff999fffffffff6ff9ffffffffffffffff9999ffff ff999fff999fff999f999fff999ffffffffffff9ffffffffffffffff6666ffff ff9f99999f99999f9f999fff999ffffffffffff9ffffffffffffffffffffffff ff999666999696999f999fff999fffffffff9999999fffffffffffffffffffff ff696fffffff9f666f999fff999fffffffff6666666fffffffffffffffffffff fff9ffffffff9fffff999fff999fffffffffffffffffffffffffffffffffffff fff9fffffff999ffff999fff999fffffffffffffffff9999ffffffffffffffff ff999ffffff9f9ffff999fff999fffffffffffffffff9669ffffffffffffffff ff9f9ffffff999ffff999fff999fffffffffffffffff9ff9ffffffffffffffff ff999ffffff696ffff999fff999fffffffffffffffff9ff9ffffffffffffffff ff696fffffff9fffff999fff999fffffffffffffffff9ff9ffffffffffffffff fff9f999ffff9fffff999fff999fffffffffffffffff9999ffffffffffffffff 999999f999f999ffff999fff999fffffffffffffffff6666ffffffffffffffff 9f9669996999f9ffff999fff999fffffffffffffffffffffffffffffffffffff 999ff696f66999ffff999fff999fffffffffffffffffffffffff9999ffffffff 666fff9ffff666ffff999fff999fffffffffffffffff99ffffff9669ffffffff ffffff9fffffffffff999fff999ffffffffffffffff969ffffff9ff9ffffffff fffff999ffff999fff999fff999fffffffffffffff96f9ffffff9ff9ffffffff fffff9f999999f9fff999fff999fffffffffffffff6ff9ffffff9ff9ffffffff fffff999ffff999fff999fff999ffffff99ffffffffff9ffffff9999ffffffff fffff696ffff696fff999fff999fffff969ffffffffff9ffffff6666ffffffff ffffff9ffffff9ffff999fff999ffff96f9fffffff9999999fffffffffffffff ffffff9ffffff9ffff999fff999ffff6ff9fffffff6666666fffffffffffffff fffff99fffff999fff999fff999fffffff9fffffffffffffffffffffffffffff fffff96fffff9f9fff999fff999fffffff9fffffffffffffffffffffffffffff fffff9ffffff999fff999fff999ffff9999999ffffffffffffffffffffffffff ffff999fffff696fff999fff999ffff6666666ffffffffffff9999ffffffffff ffff9f9ffffff9ffff999fff999fffffffffffffffffffffff9669ffffffffff ffff999ffffff9ffff999fff999fffffffffffffffffffffff9ff9ffffffffff ffff696fffff999fff999fff999fffffffffffffffffffffff9ff9ffffffffff fffff9fff9999f9fff999fff999fffffffffffffffffffffff9ff9ffffffffff ffff999ff966999fff999fff9999999999999999999999999f9999ffffffffff ffff9f9999ff666fff999fff9999999999999999999999999f6666ffffffffff ffff999669ffffffff999fff9999999999999999999999999fffffffffffffff ffff666ff9ffffffff999fff6666666666666666666666666fffffffffffffff fffffffff9ffffffff999fffffffffffffffffffffffffffffffffffffffffff ffffffff999fffffff9999999999999999999999999999999fffffffffffffff ffff99999f99999fff9999999999999999999999999999999fffffffffffffff ffff96669996669fff9999999999999999999999999999999fffffffffffffff ffff9fff696fff9fff6666666666666666666666666666666fffffffffffffff fff999fff9fff999ff6666666666666666666666666666666fffffffffffffff fff9f9fff9fff9f9ffffffffffffffffffffffffffffffffffffffffffffffff fff999ff999ff999ffffffffffffffffffffffffffffffffffffffffffffffff fff666ff9f9ff666ffffffffffffffffffffffffffffffffffffffffffffffff ffffffff999fffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffff666fffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff`, SpriteKind.Player)

---

<div class="post-metadata">

**Author:** ![Kat](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/kat/32/2596_2.png) [@Kat](https://forum.makecode.com/u/Kat)\
**Post date:** [October 23, 2020, 1:44pm UTC](https://forum.makecode.com/t/sprite-library/4002/74 "2020-10-23T13:44:09Z")

</div>

Nice!

---

<div class="post-metadata">

**Author:** ![LcAtonal](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/lcatonal/32/16800_2.png) [@LcAtonal](https://forum.makecode.com/u/LcAtonal)\
**Post date:** [October 23, 2020, 1:45pm UTC](https://forum.makecode.com/t/sprite-library/4002/75 "2020-10-23T13:45:07Z")

</div>

I am gonna try makin some art

---

<div class="post-metadata">

**Author:** ![purna079](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/purna079/32/4018_2.png) [@purna079](https://forum.makecode.com/u/purna079)\
**Post date:** [October 23, 2020, 2:17pm UTC](https://forum.makecode.com/t/sprite-library/4002/76 "2020-10-23T14:17:06Z")

</div>

nice!

---

<div class="post-metadata">

**Author:** ![UnsignedArduino](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/unsignedarduino/32/592_2.png) [@UnsignedArduino](https://forum.makecode.com/u/UnsignedArduino)\
**Post date:** [October 23, 2020, 2:17pm UTC](https://forum.makecode.com/t/sprite-library/4002/77 "2020-10-23T14:17:37Z")

</div>

There’s a difference between Java and Typescript 🙂

---

<div class="post-metadata">

**Author:** ![Dreadmask197](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/dreadmask197/32/10494_2.png) [@Dreadmask197](https://forum.makecode.com/u/Dreadmask197)\
**Post date:** [October 23, 2020, 2:43pm UTC](https://forum.makecode.com/t/sprite-library/4002/78 "2020-10-23T14:43:56Z")

</div>

@GameGod and @LcAtonal I’ll try to make a better profile pic that this skeleton

---

<div class="post-metadata">

**Author:** ![GameGod](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/gamegod/32/2756_2.png) [@GameGod](https://forum.makecode.com/u/GameGod)\
**Post date:** [October 23, 2020, 3:39pm UTC](https://forum.makecode.com/t/sprite-library/4002/79 "2020-10-23T15:39:59Z")

</div>

![image](https://us1.discourse-cdn.com/flex020/uploads/makecode/original/2X/4/4d3bf1ffccd527bf8844148a5d98d79f04d9ca12.png)

Here

---

<div class="post-metadata">

**Author:** ![Dreadmask197](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.makecode.com/dreadmask197/32/10494_2.png) [@Dreadmask197](https://forum.makecode.com/u/Dreadmask197)\
**Post date:** [October 23, 2020, 3:40pm UTC](https://forum.makecode.com/t/sprite-library/4002/80 "2020-10-23T15:40:44Z")

</div>

Did u make that in pixel art?

[Previous page](https://forum.makecode.com/t/sprite-library/4002.md?page=3)

[Next page](https://forum.makecode.com/t/sprite-library/4002.md?page=5)
