art engine viewer

preview, QA, quickly view, and filter by trait, generator builds in a local web app.

29
12
Vue

🧪 Art Engine Explorer (alpha)

A local web app intended to be used in conjunction with the Art-Engine. This is a quick (desktop) viewer that allows you to visualize and

image image

Controls

Use arrow keys to scroll through items when the detail modal or fullscreen modes are open
Use Escape to close teh detail modal or Fullscreen mode

Roadmap

[] Add rarity calculations
[] Add “jump to number” input
[] Integrate into the main art-engine repo as a submodule
[] Properly configure the config.js file to allow for custom paths to the build dir

Project setup

⚠️ Important!!

  • As of this writing, this repo should be installed next to the Art Engine folder so the Viewer project can easily the build folders from the Art Engine generator.
  • As of this writing, the viewer relies on the .edition metadata property for indexing images.

Clone or Download this project next to the generator folder.
This build expects the art-engine folder to be named Art Engine
[To adjust the path of the build folder, see vue.config.js AND App.vue in_this_project]

If you are building JPEG images, change the config in config.js in the viewer config file.

yarn

// or using npm
npm install

Once installed, run yarn dev

yarn dev

// if using npm
// npm run dev

Building for production

This application uses standard Vue-cli building and bundling. For more information on deploying a live version (After revealing all your NFT art of course), see the Vue.js documentation https://vuejs.org/guide/introduction.html

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.