#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.
- Example: Latest Artblocks_VO 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.
- Example: Latest Chromie Squiggle mint
live.artblocks.io/token/{TOKEN_ID}
enter any Art Blocks or Engine token id and you are presented with that token.
- Example: Chromie Squiggle mint #71
live.artblocks.io/random/{CONTRACT_ADDRESS}
enter any Art Blocks or Engine contract address and you are presented with a random active project
- Example: Random Art Blocks v3 contract
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
- Example: Random Chromie Squiggles
#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: