Skip to main content

Costume tab

The Costumes tab is where you can decide what to wear and how to wear it.

info

Each costume can have different wearables, skin colors and have body parts hidden if you choose to do so.

1. Make a costumeโ€‹

Hover over your name or wallet address on the top right bar, then select Edit Costume.

edit-costume.png

Add a costume by clicking the Add costume button.

add-costume.png

Click the new costume to select it for editing.

costume-made.png

After selecting the costume, you should also see the Wearables & Skin tab.

info

You can rename the costume by clicking the ๐Ÿ–Š, delete it with โœ– or make it the default with โœ”.

2. Get a wearableโ€‹

Do you have a wearable? Great! Skip to the next step.

Don't have a wearable? You can learn how to buy one from here, or learn how to make one here.

info

Cryptovoxels gives one wearable out for free - you should see this link on the bottom of the Wearables tab.

3. Dress up!โ€‹

Each costume can have up to 12 wearables active. You can have many different costumes.

costume-camera-ani.gif

info

You can adjust the camera with the mouse. Left or middle click any empty area and the camera will rotate around your avatar. Right click will drag the camera up, down, left & right. The scrollwheel will zoom in and out.

Pick a wearableโ€‹

Click the costume you want to edit. The costume should have ยป to the left of it. Click the Wearables tab.

wearables-tab.png

Click the Select a Wearable... button.

select-wearable.png

Select a wearable from your list.

add-wearable.png

caution

You can only place one of each wearable owned for your outfit, meaning if you own only one shoe, you can only place one shoe, and you would have to buy the other shoe in order to wear both. Prior to November 2021, you were able to place multiple (Matic) wearables of the same type even if you only own one of them - this has changed. If you have a costume set up beforehand, this will not be affected unless you modify the costume.

Place the wearableโ€‹

After you select a wearable, you'll see it on your avatar.

wearable-selected.png

To place the wearable where you want it, select the Bone dropdown and choose the appropriate bone.

wearable-bone.png

caution

Attaching the wearable to the correct bone is especially important for animations, like walking or dancing. Don't forget to select the right bone!

costume-wrong.gif

Move, rotate & scaleโ€‹

You can adjust wearables either using the tools or editor.

info

You can quickly place your wearable with the tools, then use the editor to fine-tune it.

Using the toolsโ€‹

Click the wearable and the Position tool will activate - three arrows will appear.

wearable-clicked.png

After selecting a wearable, there are three tools you can use:

  • Position tool - Lets you move the wearable. tool-pos.png
  • Rotation tool - Lets you rotate the wearable. tool-rot.png
  • Scale tool - Lets you scale the wearable. tool-scale.png

To use the Position tool, click and drag one of the arrows. ![tool-position.gif](/costume/tool-position.gif =150x)

To use the Rotation tool, click and drag one of the circles. ![tool-rotation.gif](/costume/tool-rotation.gif =150x)

To use the Scale tool, click and drag one of the squares. ![tool-scale.gif](/costume/tool-scale.gif =150x)

info

The tools are color coded - red is X, green is Y, blue is Z.

Using the editorโ€‹

With the editor, you can input values for your wearable, which offers better precision. To use the editor, first select the wearable you want to edit, then click the open editor button.

open-editor.png

After opening the editor, a table with 9 fields will appear, which allow you to type in values to adjust the position, rotation and scale of the wearable. There are up and down arrows when hovering over a box to do adjustments as well.

editor.png

4. Change costumesโ€‹

You can change costumes in the Cryptovoxels world and on the website.

vox-man.png

Changing in the Cryptovoxels worldโ€‹

Hover over your name or wallet address on the top right bar, then select Change Costume. costume-change1.png

Select a costume and your avatar will change instantly.

costume-change-ani.gif

info

Hit C to put yourself in third person.

Changing on the Cryptovoxels websiteโ€‹

Go to the Costumes tab and click the โœ” to the right of the costume you want to change to.

costume-default.png

If it's highlighted and the โœ” button is grayed out, it's now your default costume.

costume-highlighted.png

After changing your default, refresh Cryptovoxels on your browser (F5).

costume-refresh.gif