Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/decentraland-scenes/wearables-store
https://github.com/decentraland-scenes/wearables-store
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/decentraland-scenes/wearables-store
- Owner: decentraland-scenes
- Created: 2021-04-09T18:05:53.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2023-06-19T22:50:51.000Z (over 1 year ago)
- Last Synced: 2024-08-05T15:04:43.578Z (7 months ago)
- Language: TypeScript
- Size: 7.42 MB
- Stars: 10
- Watchers: 5
- Forks: 7
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- Awesome-Repository - Wearables Store - store.png" width="200"> | Display all wearables on sale on L2 and purchase them in-world. You can also configure it to only display certain collections. | (Examples / Monetization and Blockchain)
README
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:
```bash
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](https://docs.decentraland.org/) site.
If something doesn’t work, please [file an issue](https://github.com/decentraland-scenes/Awesome-Repository/issues/new).
## 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.
```ts
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](/LICENSE) file.