Skip to content
darkblock-logo
Darkblock Docs
  • Pages
    • What is Darkblock?
      • How does it work?
        • Creating a darkblock
        • Viewing Darkblock content
      • The Darkblock Protocol
      • Supported Blockchains
      • HIDEME Sample NFT with Darkblocks
    • For Creators
    • Products
      • The Darkblock API
      • The Darkblock Viewer
      • The Upgrader
      • The Darkblock Web App
      • The Darkblock TV App
    • Features
      • NFT Upgrades
      • Collection Upgrades
      • Content Stacking
      • Editing Metadata
      • Send to Kindle
    • Use Cases
      • Comics and Books
      • Movies
      • Content Creation
      • PFPs
      • Gamified Experiences
    • Developer Integration
      • Getting Started
      • The Darkblock API Overview
        • Get an API Key
      • Embed Darkblocks into any website
        • NPM
          • Ethereum
          • Polygon
          • Solana
          • Tezos
          • Avalanche
          • Customization
      • Direct Integration
      • HIDEME UGC (User Generated Content)
      • Content Monetization
        • Subscriptions using Unlock Protocol
        • Content Rental with Unlock Protocol
    • Help / Support
      • Terminology
      • Help, I made a mistake!
    • Tutorials
      • Unlockable Party Pack
darkblock-logo
Darkblock Docs
/
/
Gamified Experiences

Gamified Experiences

Use Case: Gamified Experiences
Creators: PFPs, Brands
Supported File Formats: Whatever you want!
Check out what the Crypto Groundhog predicted for the crypto winter of 2023:
http://www.cryptogroundhog.xyz/
⁠
⁠

How to replicate:
​
⁠
⁠

Think of something you want to put in the darkblock, make a cover, make some media to put in the darkblock
Register a new domain name
Use this page to setup a one page static site using s3:
https://www.freecodecamp.org/news/cjn-how-to-point-your-domain-to-s3-website-bucket/
⁠
⁠
Go to thirdweb and create a new nft edition drop (can use polygon or solana)
https://thirdweb.com/dashboard
⁠
⁠
Edition Drop
⁠
⁠
Embed the Thirdweb NFT minter on your site
NFT Minter
⁠
⁠
Go to
app.darkblock.io
⁠
and locate the NFT in the galllery view, click on it and navigate to the detail view and add the darkblock (super duper easy).
Gallery View
⁠
⁠
Add Content
⁠
⁠
Embed this Darkblock Viewer code into a static html page. Note you have to add the blockchain (platform) and the NFT contract address and token ID.
<iframe
style="border: none; height: 387px; width: 100%;"
title="darkblock"
src="https://app.darkblock.io/platform/##PLATFORM##/embed/viewer/##CONTRACT ADDRESS##/##NFT ID##">
</iframe>

⁠
Learn more about the Darkblock iFrame embed here:
⁠
⁠
Upload the html
Glory
Success
⁠
⁠
Crypto Groundhog
⁠
⁠
Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.