Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

added examples for describing the animation_url #6

Merged
merged 2 commits into from
Mar 13, 2024
Merged

added examples for describing the animation_url #6

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c5f7d60
added examples for describing the animation_url
nicktaras Mar 11, 2024
2d79b8c
added iframes to examples
nicktaras Mar 12, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
50 changes: 50 additions & 0 deletions pages/advance/extra-features/opensea_animation_url.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,56 @@ For each token.json, edit it to add the animation_url property with the followin
"animation_url": "https://viewer.tokenscript.org/?viewType=opensea&chain=137&contract=0xD5cA946AC1c1F24Eb26dae9e1A53ba6a02bd97Fe&tokenId=3803829543"
}
```

### Examples

#### Smart Cats Collection

TokenURI

```
{
"id": "430163386",
"image": "https://resources.smartlayer.network/smartcat/reources/images/5dd1e0c18c15a714c10b643e821aee74.png",
"attributes": [
{ "trait_type": "Collection", "value": "SmartCats" },
{ "trait_type": "Hat", "value": "Bear Blue (Rare)" },
],
"description": "SmartCat#2426-430163386",
"name": "SmartCat#2426-430163386",
"animation_url": "https://viewer.tokenscript.org/?viewType=opensea&chain=137&contract=0xd5ca946ac1c1f24eb26dae9e1a53ba6a02bd97fe&tokenId=430163386"
}
```

Viewer

<div style={{ width: "100%", display: "flex", justifyContent: "center", marginTop: "40px" }}>
<iframe height="600px" width="570px" src="https://viewer.tokenscript.org/?viewType=opensea&chain=137&contract=0xd5ca946ac1c1f24eb26dae9e1a53ba6a02bd97fe&tokenId=430163386" />
</div>

#### AutographNFT Collection

TokenURI

```
{
"id": "27",
"image": "https://alchemynft.io/1/remix/0xd093f5b810e486039ee6e4852533a04b8679a4d6a1fcc60a58cb81447a6f732d.svg",
"attributes": [
{ "trait_type": "Autograph", "value": "@GridsAndDots" },
],
"description": "https://open.spotify.com/artist/7ba827SJSUU4l3AORy4Doy",
"name": "Grids & Dots - Hazey Jane",
"animation_url": "https://viewer.tokenscript.org/?viewType=opensea&chain=1&contract=0x222222222291749de47895c0c0a9b17e4fca8268&tokenId=27"
}
```

Viewer

<div style={{ width: "100%", display: "flex", justifyContent: "center", marginTop: "40px" }}>
<iframe height="600px" width="570px" src="https://viewer.tokenscript.org/?viewType=opensea&chain=1&contract=0x222222222291749de47895c0c0a9b17e4fca8268&tokenId=27"/>
</div>

Note that the tokenId in the URL matches the token ID for this metadata.

Once you have edited all the metadata files, you can upload/replace them in their original location.
Expand Down