Avatars And Gear

Avatar Settings

  1. Avatar selection dropdown (this also has a search bar for finding specific avatars quickly!)

  2. Avatar extra options - which has the following options:

    • Rename (rename the current selected avatar)

    • Copy (copy the current avatar settings)

    • Paste (paste the last copied avatar settings onto the current selected avatar)

    • Delete (delete the selected avatar and it's image file in the folder)

    • Update Preview (rebuilds the avatar's extension image - can fix palette swap issues)

    • Create Thumbnail (add a 62x62 thumbnail for the extension)

    • Remove Thumbnail (removes the extension thumbnail image)

    • Sorting (decides the order of avatars in the extension)

  3. Is enabled (makes the avatar available for users to equip)

  4. Allowed Gear (determine which gear sets the avatar can equip.

  1. Sprite-sheet dimensions for slicing the avatar into frames (this does not affect the size the avatar appears!) (See: Scale (#4))

  2. Acceleration (when the avatar starts and stops walking the speed is reduced or increased over time to reach the correct value)

  3. Palette Editor (a new page for reskinning the selected avatar by changing out colors quickly)

  4. Scale (how large an avatar will appear while connected scale:1 is the default value and works well for avatars sized 32x32 to 64x64) (it's highly recommended to keep the scale value as 0.5, 1, 2, or 3

  5. Move speed (how quickly an avatar moves, 10 is the default speed)

  6. Collision box (the hit box determines where avatar nametags are placed and when the avatar collides with other collisions, like walls or blocks...) See nametags: here

Gear settings

  1. Gear set selection (this also has a search bar for finding specific gear sets quickly!) (to add more gear sets see the setting in avatar: "Allowed Gear")

  2. Gear set extra options:

    • Rename (rename the gear set)

    • Delete (delete the gear set and every gear piece inside the folder as well)

    • Sorting (decides the order of the gear sets in the extension)

  3. Advanced options

    • Item none=random (forces the gear set to always have an item equipped)

    • Item Flips (useful for keeping an item from flipping with the avatar when facing a different direction. An example use case would be: the item has text that reads left to right)

  4. Uses palette swap (allows the gear item to use the same palette swap as the avatar)

  1. Gear piece selection (this also has a search bar for finding specific items quickly!)

  2. Gear piece extra options

    • Rename (rename the gear piece)

    • Delete (delete the gear piece)

    • Update Preview (rebuild the extension preview for the item (this can fix palette swapping issues))

    • Create Thumbnail (add a 62x62 thumbnail for the extension for the selected item)

    • Remove Thumbnail (remove the thumbnail)

    • Sorting (decides the order that the gear items appear in the extension)

    • Copy positions (copy all frame positions from the selected gear item)

    • Paste Positions (paste all frame positions to the selected gear set)

  3. Scale (how large the gear item appears (note: this should probably be the same size as the avatar's scale)

  4. Unique Z-Index (converts the item to having it's own value for z-index rather than following the gear set's value)

  5. Z-Index (z-index refers to which image appears in front. Higher value means it will display over top of other images)

  1. Animated (allows a gear piece to be an animated horizontal strip with a frame width & FPS setting included)

  2. Has Unique Position (converts the items position to having it's own value rather than following the gear set's value)

  3. Frame Anim (Allows the gear item to match it's animation with the avatar's on a frame by frame basis. The use case for this example is: an avatar wearing pants, and the pants need to align to the avatar's legs for each frame) See Creating Avatars video here.

Avatar Frame Editor

This area for avatar & gear is to give a preview and allow for editing gear positions for each individual frame.

  1. Preview zoom (how large the preview appears -- this does not actually affect the avatar's size when you connect)

  2. Frame selection (when you select a gear item, you can select an avatar frame. After selecting you are able to move the item's position with arrow keys or by editing the X:Y values in the gear item area)

If you hold ALT while adjusting an item's position on a frame, it will adjust the position for the entire animation.

  1. Custom animation name (default animations cannot be renamed)

  2. FPS (frames per second -- how quickly an animation plays)

  3. Preview the animation.

  4. Delays (toggles visibility of individual frame delays -- this will override the FPS for individual frames)

  5. Advanced animation settings

    • Returns to idle (when the animation is finished it will return to idle)

    • Hold last frame (a number of seconds the animation will hold the last frame before continuing)

    • Animation loops (enables animation looping)

    • Loop # (how many times the animation will loop before continuing)

    • Targets a user (if this animation is designed to be used on another avatar, it will force the avatar to walk towards the target before running the animation)

    • Target distance (how close the avatar needs to be before executing the animation)

Palette Editor

Rather than making multiple avatars and coloring them differently, the preferred way is to use the palette editor. This can save you upload space and system resources and is also way easier for creating new content!

  1. Palette selection

  2. Palette options

    • Copy All (copies all the palettes that the current avatar has)

    • Copy Selected (copies the current selected palette)

    • Paste Selected (pastes the palette onto your current selection)

    • Auto Add Colors (try to automatically find and add the base colors for your avatar)

    • Auto Fix Colors (if your colors are slightly off, this can help fix them. But it can be dangerous to use this because it can alter existing colors that you don't want changed)

    • Fix All Colors (applies the above command to all palettes on every avatar. But it can be dangerous)

  3. Manually add a new base palette color.

  1. After creating a color palette, you can select it.

  2. The selected color palette will be shown below the "main palette"

  3. You can alter individual colors by first selecting them and then editing the colors

Make sure not to edit the top row of colors when you are editing a palette! the top row is for sampling the main image, the bottom row is for adjusting the specific color swaps.

Creating an avatar walk-through

The page link below has avatar creating guidelines and a tutorial video for assisting you in creating your custom avatar.

pageCreating Avatars
PreviousMinigamesNextSounds

Last updated