# Dev Log: Generating Demo Sprites for SpriteDX

*Dev Log to keep myself sane mostly…*

**Goal** for today was to create/generate a demo character sprite sheet that I can use for SpriteDX demonstration.

---

## Trial #1

Starting character reference image was generated by using series of chained image generation tools.

**First, in MidJourney:**

> Prompt: 20 characters of the 2d side scrolling game "Machi"

Reference Image (created manually):

![https://s.mj.run/aWj3ike4O_0](https://s.mj.run/aWj3ike4O_0?size=128 align="left")

MidJourney Result:

![asset image](https://cdn.cloud.scenario.com/assets-transform/asset_3bKDCC8qeo15j6UJWcPw6uDp?p=100&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9jZG4uY2xvdWQuc2NlbmFyaW8uY29tL2Fzc2V0cy10cmFuc2Zvcm0vYXNzZXRfM2JLRENDOHFlbzE1ajZVSldjUHc2dURwP3A9MTAwKiIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc1NDYxMTE5OX19fV19&Key-Pair-Id=K36FIAB9LE2OLR&Signature=b9bwQpy6n1-zOjWnVQ1IiObR7A0x-wnulKzos95mLDikDOwuOE%7E7XAbnuDY6VWXvHD6POO0n3r8TFaJB4PxInX7VaNdIOcHxP38uqf5a%7EM8cqHfMFmZ55MF9ndQh1TVfIMqB8l5OIAFYWAtT61pn9wlRk%7EnayvyMxehvD6gG1SAFH9D6GuQoD44WBe9N56ChyK87EuMjOFlXcSvFhVGCnLNMc665A36aXETC6bxh22nZmkBCtnKXYgL2X1T4myWfSGOPEYjg7ZdtInTTjlY62f99MyosBJrLP5qBYSnJn2oxfgnL-oUFT5MWGB7-uTjsC1cM-buXhTX1hyrEx2BU%7EA__&quality=80&format=jpeg align="left")

Then using [**Flux Retro Aesthetics**](https://app.scenario.com/images/new?teamId=team_9qwFmqUhGHboemGiiieDaMHL&projectId=proj_d7RJgEoxrCuvY59BwYyppz9N&modelId=model_gHafnTZ4kzGzcN2mvAFdo7BQ) → Image-to-image w/ Influence 50, Steps 28, Guidance 3.5.

> Prompt: character sheet of 10 chibi characters cute japanese style for sidescroller game Machi

![asset image](https://cdn.cloud.scenario.com/assets-transform/asset_dppVonYLEVXMXYmjos986nbq?p=100&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9jZG4uY2xvdWQuc2NlbmFyaW8uY29tL2Fzc2V0cy10cmFuc2Zvcm0vYXNzZXRfZHBwVm9uWUxFVlhNWFltam9zOTg2bmJxP3A9MTAwKiIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTc1NDYxMTE5OX19fV19&Key-Pair-Id=K36FIAB9LE2OLR&Signature=C5345tdytoRqPhysHuBfICPtwQsVNeSI0FZEOWpnD2hlX4tUWZKyhFa8QdevlGs3WjAkQ6VHXLeRf1VFLQZhNQlmEUaHvo4waW8o2EBFzxF%7EMWWoIwea5ygDnah06UU5iRg%7EmH5bzlmgsCPe8hV7fxsMg6EB8hUP80jRWZ4IfI-fC5XOOtih7ZEYGX5s3nQXMJz4AlXapy5aYDXpjmD4USCXgKS-yfj-PPdP2jmaCvAA16%7ETPaj3W5zoMDZsAkzjluoxqmU-GbqzoKUxCmw41j7g5uIdzyBuP9Z%7EVGbKQm4x12qFiJCVoFiJHVDpfn4rk-EQPIlxBs5uSDHx3zAV8Q__&quality=80&format=jpeg align="left")

Picked out the bottom right character.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753136431382/b83dbd9f-5d4d-448b-8675-aaf37bf2345a.png align="center")

Then, used Aseprite > Sprite > K-Centroids to downsample it to a native pixel dimensions.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753136479935/21d1e6e1-69a7-481c-af2f-f7829acb38ab.png align="center")

Then did some manual clean up (84 pixels tall)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753136502629/1db99077-2abd-4184-adce-6835437e560d.png align="center")

Now, we use [Seedance 1 Pro](https://app.scenario.com/videos/new?modelId=model_bytedance-seedance-1-pro) to animate it.

> Prompt: Sprite animation of character faces right and idles. Then runs

Duration: 5  
Resolution: 480p  
Aspect Ratio: 16:9  
Camera Fixed: Yes

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753208168558/aa0a42df-7bb5-402d-9c18-e3d759ee02bb.gif align="center")

Now, this image is zoomed and we need to bring it back to the native pixel dimensions.

* Idle pose at native resolution is 84 pixels tall.
    
* Blown up characters is 242 pixels tall.
    
* So, we need to apply zoom of 84/242 = 34.71%.
    
* We will use Aseprite’s K-Centroid Resize.
    

Resulting Gif Image:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753208820578/7e63cc71-68da-438f-9c7f-7f15a264e22c.gif align="center")

At this stage, the image outlines became little bit thinker and blurrier than how we want it. My thinking is that we will need to pass it through another model to get pixel perfect version. I quickly tried running it through the [**Flux Retro Aesthetics**](https://app.scenario.com/images/new?teamId=team_9qwFmqUhGHboemGiiieDaMHL&projectId=proj_d7RJgEoxrCuvY59BwYyppz9N&modelId=model_gHafnTZ4kzGzcN2mvAFdo7BQ), but it wasn’t able to produce a good result.

Let’s ignore that for a bit here and try making background transparent by using Aseprite’s “Remove Background” feature. Default Alpha Threshold of 10 didn’t work very well:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753209222598/ff862db1-2db6-45ea-be7a-9ea25d2dc92b.gif align="center")

So, tried “Inspyrenet“ node which seems to provide much better results.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1753239925601/bc26363c-4afc-4d5b-ac72-00dd4b5da277.png align="center")

It’s not perfect though, so may need to find a different model.

---

Gotta go. Today was a short day due to some other thing that I had to take care of.

—Sprited Dev