How to make clothing for Kynto

Invite Friends

How to make clothing for Kynto?

What is a Sprite Sheet?

A sprite sheet is an image file containing a collection of smaller images, typically used for creating character animations or image effects in software applications.

How do Sprite Sheets work?

Using Sprite Sheets, you will layer each clothing item over top your Kynto avatar. You can see each layer applied in the example provided. Where you start with your base level avatar outline. And you then fill in your character with clothing, eyes, mouth, accessories. And as each layer is applied, your character comes to life. The sprite sheet is laid out in this manor to show every angle usable in Kynto.

What Programs Do I use to Create Sprite Sheets For Kynto?

Creating a sprite sheet for Kynto is simple, free, and straightforward. There is great software available to the public that will allow you to get up and running with one go. Two great projects we would like to shout out are Asprite (DRM FREE) and (FREE). Personally, I like to use when I am on my Windows PC to create my assets and then transfer that over to Asprite to create a gif or animations. But other members of our staff like to just work in Asprite as is not currently available for OSX. Other members like to use Photoshop to accomplish a similar task. Any photo editor will work but there are different tools for different tasks like how you can use a flat head screwdriver to turn a Philips head screw.

How to Submit Your Work To Kynto

When submitting your creation to Kynto ensure that you submit the following information to kynto.

What Should Be Included?
  1. JSON / TXT File
  2. .PNG


What is Json?

JSON (JavaScript Object Notation) is a data representation format commonly used for exchanging data between web applications. It’s lightweight and easy to read, making it ideal for storing and transmitting small amounts of structured data. JSON stores information in a hierarchical structure, using key-value pairs to store and access data. This makes it easier to read and write, and also makes it possible to exchange data between different programming languages.

What Do I need to Change?

In the example shows here you need to have exactly these fields filled in. The only fields you will edit are the name, storeName, description.

name: the name field describes the naming structure of your object.

storeName: this filed is what the name of the actual object as it will appear in Kynto.

description: the item description is a little blurb describing your new clothing object. This information will show as the item description on the store page.

What format should I upload my Json in?

The best format to submit your work would be in a .txt file format. You will need to include a .txt for each object you are submitting to Kynto.

   "name": "avatar/2021/clothing/outfit/romanWarriorHelmet", 
   "storeName": "Roman Warrior Helmet",
   "description": "Omnium Rerum Principia Parva Sunt ",
   "stackable": false,
    "offsetX": 41,
    "offsetY": 11,
    "scale": 1,
    "initialZ": 21,
    "rows": 1,
    "cols": 1,
    "collectable": false,
    "margin": 2,
    "spacing": 3,
    "frames": 36,
    "endFrame": 35,

Clothing Structure Example

What are the dimensions?

You want to ensure that the dimension of the photo you are uploading is in 273×838. That there are 4 images per row. And 9 columns. This is important as without this structure your photos will not load.

Do I need the extra layers on the right?

Yes it is required to have four images of your object in this format. This is due to legacy code. It is recommended to add the same image four times to complete each row.

What format should your clothing be in?

When creating a sprite sheet, it’s important to make sure that they are in the correct format. When uploading clothing to Kynto, you need to ensure the file format is in .PNG. Sprite sheets in other formats is currently not supported.

Why do you have each Item separated?

Each item is separated by clothing layer so each item can be applied to your player character. This makes clothing dynamic. If clothing was already applied in bulk. Then users could not change clothing out. Only allowing only one way to wear that exact clothing.