Giter VIP home page Giter VIP logo

palbox's Introduction

Palbox UI improvements demo

Created by Oliver Levay because I love Palworld ❤️

This is prototype I created to showcase how I wish that the palbox UI works.

Not much for reading? Check out the DEMO here:

https://palbox.netlify.app/ (DESKTOP ONLY)

I recommend zooming out on smaller screens.

Feedback is very welcome!

Goal

When I'm playing palworld I'm having a blast, but searching through my palbox to find the pal I want is a pain. The goal with this project was to create a system that makes it as easy and intuitive as possible to find the pals I'm looking for. Unfortunately I don't know anything about modding otherwise this would be a great candidate for a mod. I'm hoping that pocketpair will implement some of these features into the AWESOME game called Palworld.

Features

Clarity

The pal "circles" have been updated to display their names, levels and elements so that you can easier identify your favorite pals.

Search bar

There is a search bar so that you can always find exactly the pal you are looking for.

alt text

Element filter

You can filter by element, so that even if you don't remember the name of your favorite pal you can still find them.

alt text

If you enter two different elements into the filter, it shows pals that have both elements.

alt text

Level filter

There is a level filter so that you can find your strongest (or weakest) pals easily.

alt text

Work suitability filter

Having trouble finding the best plas to work in your base? Look no further, with the Work Suitability filter finding your strongest kindling pal is a breeze.

alt text

The filters also apply to your base and can be used to upgrade from kindling 1->kindling 2 pals for example.

alt text

Future

Passive skills filter

Right now there's an empty tab with "passive skills". The idea here is to have a list of passive skills, like "ferocious" or "burly body". I just haven't had time to put them all in there yet. It would also be nice with a checkbox like "display positive passives only" and "hide elemental bonuses" to really find the passives that you want. This filter needs a bit more finesse, since players might want to find a pal that ONLY has "ferocious" and nothing else, or they might want to find a pal that has "ferocious" and some others and it doesn't have to be the only one.

alt text

Import save file

I'm looking into players being able to import their save file into this project and display their pals, but it seems like a difficult task. All the pals in boxes are put into the "Level.sav" file, and unpacking that file to a readable format makes it HUGE, like 500MB huge. If someone has a solution to this please let me know or make a pull request to this repository.

If I get enough funds and Pocketpair do not implement this themselves, I will try to put up a bounty for creating a mod that has this functionality. The issue with creating mods this early is that changes come rapidly and if you create a mod it might not last that long.

Choices

Party Screen

Of course I think that the original party screen looks cooler, but it takes up too much space that can be used for filtering. So I made it smaller and added it on top.

Before alt text

After alt text

It doesn't look as cool but no important information is lost in my opinion.

Filter everywhere

It's very intentional that the filters apply to your Party, Box and Base. The reason being that the pal you are looking for might be hiding in your base or party.

alt text

If you have any feedback, reach out to me on Twitter, Reddit or by making an issue to the GitHub repository.

https://twitter.com/oliverlevays

https://www.reddit.com/user/oliverlevay/

https://github.com/oliverlevay

palbox's People

Contributors

oliverlevay avatar

Stargazers

Adam Tovatt avatar  avatar

Watchers

 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.