Skip to content

Latest commit

 

History

History
36 lines (24 loc) · 1.35 KB

README.md

File metadata and controls

36 lines (24 loc) · 1.35 KB
Raw

Loot Layers Playground

An exmaple webapp that uses the Loot Layer method for creating Loot visuals.

Running Locally

For those that know what Node is:

$ npm install
$ npm start

For those that do not know what Node is:

  1. Download this repository
  2. Unzip
  3. Open up Terminal.app
  4. Type cd in the terminal. NOTE - The space after cd is important.
  5. Open the loot-layers-playground folder in Finder.
  6. Click and drag the build directory to the terminal.
  7. Click Enter
  8. Copy and paste into terminal: python3 -m http.server
  9. Go here

Here's a video showing the process: https://www.youtube.com/watch?v=i3UDItm82ak

What/where are the examples?

All the examples are in the src/img/ directory.

  • example1 shows the use of Background (character_imgs/bg.png), Foreground (character_imgs/fg.png), and a Full Healm (character_imgs/head/name/full_helm.png). You can see the Full Healm get rendered when you select Bag #8.

  • example2 shows the full layer pack used for Loot Character

  • example3 is a clean slate. All empty pngs. Have fun!