@zestymarket/wonderland-sdk

Zesty Wonderland SDK

Zesty Market Banner integration for Wonderland Engine.

Getting started

Using Internal Bundler

Build the SDK with the following commands (or download a prebuilt version from releases).

yarn
yarn build

If you've run yarn at the top level, you don't need to run it here again.

After building the SDK, copy dist/zesty-wonderland-sdk.min.js into your project and add a JavaScript path. You will find the zesty-banner component in "Property View > Add Component" after selecting any object.

Make sure that you set up a cursor to enable clicking.

Using npm

Install the SDK in your project using npm:

npm i --save @zestymarket/wonderland-sdk

Then import it in your main bundle file:

require('@zestymarket/wonderland-sdk');

If your bundle built successfully, you will find the zesty-banner component in "Property View > Add Component" after selecting any object.

Make sure that you set up a cursor to enable clicking.

Configuring

To set up the zesty-banner component, make sure to create an account and space on the market, find more info here.

1. Right-click "root" > Add Object > Mesh.
2. Set mesh to "PrimitivePlane".
3. Create a material in "Views > Resources > Materials".
4. Assign the material to your plane.
5. Add a zesty-banner component and copy your creator ID and space ID into the respective fields.