decentraland-scenes / wearables-store

Flat Screen TV version of the Decentraland Wearable store by DOCTORdripp

This 1-tier flat screen revision can be repurposed onto any flat space. Optionally replace models/menu/wardrobe.glb with your custom model or an empty model if you wish to position a flat store on a wall.

Wearables Store

This store allows you to purchase wearables on the Polygon L2 layer from an in-world.

The scene is configured to display all of the wearables currently on sale on L2. You can configure this scene to only display certain collections of wearables, for example to have a private store with only your collections.

Try it out

Install the CLI

Download and install the Decentraland CLI by running the following command:

npm i -g decentraland

Previewing the scene

Download this example and navigate to its directory, then run:

$:  dcl start --web3

Any dependencies are installed and then the CLI opens the scene in a new browser tab.

Note: When running a preview of a scene that uses one of the ethereum libraries, you must have Metamask or Dapper open and you must add this string.

Learn more about how to build your own scenes in our documentation site.

If something doesn’t work, please file an issue.

Scene usage

Click on the menu on the right to navigate the different collections. When a collection is selected, use E and F to scroll through the different items in that collection. Then select an item to see more details.

To buy an item, hit the Buy button. Note that you must be connected with a web3 browser extension by starting the preview with dcl start --web3, and the connected account must have MANA on the Polygon network.

On your first transaction, the UI will ask you to first sign an approval for letting this contract spend your Polygon MANA. This transaction is free of charge, as it runs on the Polygon network.

As of then, any purchases you do via this store will require no gas, only the cost in MANA of the item itself. You approve them by signing a message on Metamask or your web3 browser extension of choice.

Customize

In the current scene, in game.ts, you'll notice there are two wearable wardrobes being created. A simple one that by default displays all of the available L2 wearables, and one that is configured to only display specific collections.

createWearableStore(new Transform({ position: new Vector3(8, 0, 4), rotation: Quaternion.Euler(0, 45, 0) }), [
  "urn:decentraland:matic:collections-v2:0x0068f4b8e5d23f317151328bc0d9a82454ab29bc",
  "urn:decentraland:matic:collections-v2:0x66194b1abcbfbedd83841775404b245c8f9e4183",
]);

The createWearableStore() function takes the following arguments

• A transform component, with position, rotation & scale
• An optional array of all the wearable collections you want it to display. If none are provided, it displays all wearables in L2.

Copyright info

This scene is protected with a standard Apache 2 licence. See the terms and conditions in the LICENSE file.