Try   HackMD

HTML NFTs

Abstract

M3 is a melting pot of 3D web talent that has become crypto-pilled since around 2017-2018 when NFTs entered into the blockchain scene. There came an "Aha" moment with digital ownership and the potential of new business models that eschew traditional forms of monetization such as advertising which many WebXR devs felt conflicted about due to how much data spatial computing devices could hoover up.

Have an idea for funding indie WebXR development with a new NFT collection, maybe calling it Screensaverz / Solarpunks. It'll be a collection of creative 3D websites wrapped around science projects of screen saviors whom are experimenting with web3 tech.

Example Metadata

{
  "name": "Burning the Midnight Oil",
  "description": "Late night hackers are burning the midnight oil, working on their submission to the largest digital art competition in the world #welovetheart",
  "image": "ipfs://bafybeiczsl6e2ug4k77yoec7zssv2kbj6qvo3c3gcvdf3qqyzimpywi4py",
  "animation_url": "ipfs://QmTfVUnTyypoNKaZ2QPDNsRbL5fzUnzBo4jvdyp2Z9CGWo/",
  "content": {
    "mime": "text/html",
    "uri": "ipfs://QmTfVUnTyypoNKaZ2QPDNsRbL5fzUnzBo4jvdyp2Z9CGWo/"
  },
  "attributes": [
    {
      "trait_type": "Artist",
      "value": "jin"
    },
    {
      "trait_type": "Location",
      "value": "Hacklab"
    }
  ]
}

Challenges

IPFS issues

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

Link rot

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

Ideas

These are some ideas to prepare the HTML sites before publishing to IPFS and then minting on Zora, they may or may not all be used:

  • Remove all external links and interactivity for NFT versions
  • Change all the links to point to local or web3 links (IPFS/Arweave)
    • Can eventually link the NFT sites with each other
    • Counterpoint: Screen savers are not usually interactive
  • Replace screens with images
  • Add background music to each scene to replace LoFi stream
  • NFT holders can unlock access to Playcanvas source for sites
    • Perhaps use collab.land / mee6 so people can join discord to download and ask questions?
      • They don't support Zora network
    • Alternatively can look into Lit Protocol or Unlock Protocol for token gating

Maybe it's useful to mint these pages to host stuff on IPFS? The playcanvas exports aren't super great in this regard though because the filepaths and 3D models aren't optimal for reuse in other projects.

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

Idea: Create an overworld website / gallery via makersdistrict.eth that links to the other 3D sites. Places are locked unless the NFT is owned, then it is unlocked.

What if the hyperlinks are ens domains? Then when purchased, the referenced ENS domains refer to the new owner as a way to recognize patrons or manipulate the scene? It could be like 3D async.art if done right. What if these pieces are minted as NFTs and sold as subdomain NFTs?

Burning the Midnight Oil

Minted on Zora network as a 1/1 for the Optimism art contest.

Late night hackers are burning the midnight oil, working on their submission to the largest digital art competition in the world

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

Yard Sale

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

Sale will send 100% of the funds to PartyDAO address for M3 to continue experimenting with 3D websites to showcase NFT collections, storefronts, and DAO dashboards. Owner will get all of the items from the Yard Sale and custom branding (can use https://tokenbound.org/).

Problem: Cannot use tokenbound since they do not support Zora network. Maybe screensaverz becomes an Ethereum NFT collection on Zora, and rename the Zora collection to something else like Burning the Midnight Oil since it's a 1/1.

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

M3 Mart

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

This storefront has an interior and exterior and was inspired by N64 Zelda shops. On display are works designed by various M3 members and cryptoartists. This storefront was designed as a study for how a hacker artist collective can showcase creative works under a shared roof. The anon CloneX NPC adds context about the various items on the shelves, described as precious artifacts retrieved from the depths of the metaverse. However, not everything you see is for sale…

Spacebase M3TV

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

Spacebase Desk

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

MetaFactory Shop

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

Notes

https://hackmd.io/@XR/playcanvas-demos

You can wrap an ENs subdomain and it becomes a NFT that can be tradeable

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →
Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →
Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

Could add a record for IPFS link to the website, or if the HTML NFT is minted on mainnet can have that as the NFT art for the ENS domain. Maybe this is how districts can be managed?

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

One experiment I want to run, and need to use eth mainnet for, is using https://tokenbound.org/. What if all the NFTs represented in a 3D site were owned by the NFT?

That said, think I'm settling on NOT minting HTML NFTs on L2 like Zora network, and instead will mint a new contract on zora using ethereum mainnet for the playcanvas sites. This way we have ENS integration, as well as optionally collab.land or mee6 bot abilities to tokengate. We can have the source code to the sites (playcanvas zip backups) in locked discord channels that collectors can retrieve and ask questions if they wish to learn how to remix the templates.

Each site one has a story, and there's a lot of experimentation / new discovery in the process. In fact something I want to communicate is how these are science projects wrapped as art projects. We can have a split of sales go into our party DAO for more shenanigans and grants for indie web gamedevs experimenting with web3 tech. I'd like to fund more playcanvas projects with this set, like a proper VRM library if we can manage it. Other ideas I want to explore: siths graveyard site, NFT collection viewers (esp for 3D / html), DAO dashboards, and 3D data visualization.

There's other ways I want to experiment with HTML NFTs on L2 network like being fully onchain. Now that ETHfs supports L2 networks it should be economically feasible to host libraries onchain whereas with mainnet it would cost hundreds or thousands for a version of threejs or aframe.

Last changed by 
 
jin
Research | Design | AR/VR Decentralizing the Metaverse
0
137
Published on HackMD