This webapp renders an interactive 3D preview of a wearable. It can be configured via the following query params:
contract
: The contract address of the wearable collection.item
: The id of the item in the collection.token
: The id of the token (to preview a specific NFT).profile
: an ethereum address of a profile to load as the base avatar. It can be set todefault
to use a default profile.urn
: a URN of a wearable to load. It will override anything loaded from a profile. It can be used many times.skin
: a color to be used by the skin material, it must be in hex.hair
: a color to be used by the hair material, it must be in hex.eyes
: a color to be used by the eyes tint, it must be in hex.bodyShape
: which body shape to use, eithermale
orfemale
.emote
: the emote that the avatar will play. Default value isidle
, other possible values are:clap
,dab
,dance
,fashion
,fashion-2
,fashion-3
,fashion-4
,love
andmoney
.zoom
: the level of zoom, it must be a number between 1 and 100.camera
: which camera type to use, eitherinteractive
orstatic
. By default it uses theinteractive
one.autoRotateSpeed
: the speed of the auto-rotate behavior of the camera. By default it is0.2
, and it only works when the camera is notstatic
.offsetX
: apply an offset in the X position of the camera. By default is0
.offsetY
: apply an offset in the Y position of the camera. By default is0
.offsetZ
: apply an offset in the Z position of the camera. By default is0
.transparentBackground
: if set it will make the background transparent.env
: The environment to use, it can beprod
(uses mainnet wearables and catalysts) ordev
(uses testnet wearables and catalysts).
Example: https://wearable-preview.decentraland.org?contract=0xee8ae4c668edd43b34b98934d6d2ff82e41e6488&item=5
npm run start
npm run build