An XGR renderer implementation for the Arcadians collection. Uses the Open Raster Format (.ora) for image layers and GL Transmission File (.gltf) for animation.
To create your own renderer implementation, fork this repo. Afterwards, run the development server:
yarn dev
The next step is to deploy renderer.json to a renderer_url.
Adding this forked repository to Vercel as a project should do this, similar to how this project uses Vercel to deploy to https://xgr-arcadians.vercel.app/renderer.json
Update the values in public/renderer.json to reflect your own collection’s details.
The name, description, project_url, image, and animation_url fields are required. The image and animation_url works similarly to how they are used in marketplaces such as Opensea, and will be appended with a tokenid.
The starting point for the rendering code is in the pages/image and pages/animation directories. Both make use of the avatar directory code.
Don’t hesitate to simply use the default ORA and GLTF implementation. This is actually encouraged as this will make your NFT compatible with other collections that use a similar implementation.
Otherwise, feel free to edit the above code and implement your own rendering. The standard is flexible, the important part for the collection to render on the XGR Homepage is that renderer_url serves the correct image and animation_url.
Once done, add your collection to the XGR Homepage to see it rendered alongside other XGR-enabled projects. More details can be found here.
- arcadians-avatar-builder - an avatar customization example using the same rendering implementation as xgr-arcadians. Useful for testing your own ORA and GLTF files
Listed below for quick reference:
renderer_url
- https://xgr-arcadians.opgames.org/renderer.json
- /image
- /animation_url
Arcadians Smart Contract Details
- ERC-721
- Address: Ethereum Mainnet: 0xc3c8a1e1ce5386258176400541922c414e1b35fd