Skip to content

Commit

Permalink
Merge pull request #7 from SmartTokenLabs/feature/add-examples-animat…
Browse files Browse the repository at this point in the history
…ion_url

updated ts example for autographnft
  • Loading branch information
nicktaras authored Mar 13, 2024
2 parents cc44d42 + 7f3f907 commit 6ca2126
Showing 1 changed file with 38 additions and 7 deletions.
45 changes: 38 additions & 7 deletions pages/advance/extra-features/opensea_animation_url.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -117,21 +117,52 @@ TokenURI

```
{
"id": "27",
"image": "https://alchemynft.io/1/remix/0xd093f5b810e486039ee6e4852533a04b8679a4d6a1fcc60a58cb81447a6f732d.svg",
"id": "8",
"image": "https://alchemynft.io/1/remix/0xc76d39dba3d5ae2ab1d435bf26a929427fd1e9d7f53afd465d9b2503f13e9eb8.svg",
"attributes": [
{ "trait_type": "Autograph", "value": "@GridsAndDots" },
{
"trait_type": "Autograph",
"value": "@VitalikButerin"
},
{
"trait_type": "rarity",
"value": "Common"
},
{
"trait_type": "artist",
"value": "mladen"
},
{
"trait_type": "tag",
"value": "gitcoin"
},
{
"trait_type": "tag",
"value": "premium"
},
{
"trait_type": "tag",
"value": "soft skills"
},
{
"trait_type": "tag",
"value": "fun"
},
{
"trait_type": "tag",
"value": "alchemy"
}
],
"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"
"description": "Behold, the power of alchemy! You take ideas and bits and alchemize them into something magical!",
"name": "The Alchemist",
"animation_url": "https://viewer.tokenscript.org/?viewType=opensea&chain=1&contract=0x222222222291749de47895c0c0a9b17e4fca8268&tokenId=8"
}
```

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"/>
<iframe height="600px" width="570px" src="https://viewer.tokenscript.org/?viewType=opensea&chain=1&contract=0x222222222291749de47895c0c0a9b17e4fca8268&tokenId=8"/>
</div>

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

0 comments on commit 6ca2126

Please sign in to comment.