Giter VIP home page Giter VIP logo

art-engine-viewer's Introduction

🧪 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.

art-engine-viewer's People

Contributors

nftchef avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.