# Artblocks Viewer

An overview of live.artblocks.io

# Routes

All routes are for the environment specified in .env file and act as such. i.e. Ropsten contracts will not work on mainnet and vice versa

live.artblocks.io/ Home page of the site which returns the latest rendered minted token from any of the Art Blocks contracts

live.artblocks.io/{CONTRACT_ADDRESS} enter any Art Blocks or Engine contract and you be presented with the latest rendered mint.

live.artblocks.io/{CONTRACT_ADDRESS}/{PROJECT_INDEX} enter any Art Blocks or Engine contract followed by the index of the project and you be presented with the latest rendered mint.

live.artblocks.io/token/{TOKEN_ID} enter any Art Blocks or Engine token id and you are presented with that token.

live.artblocks.io/random/{CONTRACT_ADDRESS} enter any Art Blocks or Engine contract address and you are presented with a random active project

live.artblocks.io/random/{CONTRACT_ADDRESS}/{PROJECT_INDEX} enter any Art Blocks or Engine contract address and a project index you are presented with a random token from that project

# Random Query Params

You can add any query params from the customizable display listed below as well as two random specific query params.

  • reloadClick: this is to turn on click reloading where if you click the token it will give you a new token from that project. default: false
  • reloadDelay: this is to turn on auto refreshing after the specified time in seconds to give you a new token from that project. default: none

Example URLs:

# Contracts

This is a running list of contract addresses for various Art Blocks and Engine

Mainnet:

  • Artblocks_VO: 0x059edd72cd353df5106d2b9cc5ab83a52287ac3a
  • Artblocks_V1: 0xa7d8d9ef8d8ce8992df33d8b8cf4aebabd5bd270
  • ARTCODE: 0xd10e3dee203579fcee90ed7d0bdd8086f7e53beb
  • Doodle Labs: 0x28f2d3805652fb5d359486dffb7d08320d403240
  • CryptoCitizens: 0xbdde08bd57e5c9fd563ee7ac61618cb2ecdc0ce0
  • Flutter: 0x13aae6f9599880edbb7d144bb13f1212cee99533
  • MOMENT: 0x0a1bbd57033f57e7b6743621b79fcb9eb2ce3676
  • Plottables: 0xa319c382a702682129fcbf55d514e61a16f97f9c
  • TBOA: 0x62e37f664b5945629b6549a87f8e10ed0b6d923b

# Customizable Display

You can create a customizable display for any route on artblocks-viewer. This is done through query params added to the end of the url. In order to activate this ability you must first add ?useCustomViewParams=true to the end of whatever route you are using. Here is the most basic customized url of Chromie Squiggle mint #71 with just the squiggle centered in the middle of the page.

All of the customization that can be done and the default values are as follows:

  • useCustomViewParams: this is to specify you are using the custom view display and all other params require this to be true. default: false
  • width: this can be any valid html size and is the width of the token being displayed default: 90vw
  • height: this can be any valid html size and is the height of the token being displayed default: 90vh
  • backgroundColor: this can be any six digit hex color and is the background color of the page default: ffffff
  • showText: this is whether or not to show the text information about the currently displayed token. All other text params depend on this to be true to work default: false
  • textColor: this can be any six digit hex color and is the color of the text default: 000000
  • fontSize: this can be any valid html size and is the size of the text default: 20px
  • textBackground: this can be any six digit hex color and is the background color of the text default: none
  • textBottom: this can be any valid html size and is the distance from the bottom of the screen of the text default: 3em

Example URLs: