Coder Social home page Coder Social logo

talishar-fe's Issues

Change playmat and board layout to use CSS grid.

Some screens are bigger than others and we've had some ideas on how talishar should display, and where which item should go where, some people want bigger cards, some people like the focus on the chain link. I think can experiment and try a few different layouts and see what people think.

Parsing of card data for game log & chat (and some modals)

We've made a new way for cards to be inserted into strings using double curly braces {{ like this }}

Actually implement the decoding of it on the front end, so we can improve the whole gameplay log, and can get rid of the extra unneeded javascript to show a popup card from chat.

Chat submission

Chat should work. Hit enter or press a button to send a message

Blood Debt

Add indicator for number of Blood Debt cards (both player and opponent).
Add popup showing list of blood debt cards.
Indicate if blood debt is active or not.

Cards that should be playable from banish should appear in-hand? I think? Who's still playing Chane?

[ReactUI] Player items are not usable / playable

image

The cognition nodes cannot be activated.

In the legacy client they can:
image

The item needs to be sent Action, actionDataOverride and borderColor params from BE so it can be rendered as active (and clickable).

Fix UI scaling for mobile clients

Right now the UI scales properly on desktop and most laptop / ipad style devices.

image

It doesn't look very good on phones though.

I think the font size needs to scale up and down depending on the size of the screen. This could require a big rework of how elements are measured on screen.

I am considering a second vertical-first layout option. Ideally have some media query to switch between the two. Landscape orientation could be optimised for desktop, vertical layout optimised for mobile / small widdle screens.

Plain / Vanilla Playmat

Eventually we will like to have customisable playmats, and some as patreon rewards like card backs.

For now we need a "plainer" playmat as some people say the current one is too distracting.

Could make the design a bit subdued like how Felt Table do theirs too. But right now maybe a plainer colour/texture is more appropriate.

Token Stacking

Identical tokens should be stackable so you don't have 9 billion frostbites across the screen. Thanks, Denny.

[ReactUI] Show if a card is face up or face down

We need to know if a card is faceup or facedown when it should or shouldn't be.

adding to Card JSON:

face:
enums:
UP = face up (all players can see)
DOWN = face down (opponent cannot see but player can see)
DOWNALL = face down to everybody ? (mystery card!)
null value = default for zone.

Got a better idea?

Add button to switch back to old client in same window

Right now when switching from new to old client, you're still logged into the old client, and can timeout from there. I found some naughty players claimed victory because the old client reported a timeout.

Anyway need to have a button in the options menu to switch back to the old FE before we do the same on the current FE.

[ReactUI] Blood Debt and other "hero specific" counters in GetNextTurn3

Should have Blood Debt, Soul etc as a special counter type in GetNextTurn3.

Keep the current soul count as it is so we don't brick it.

But we can have a new one to track blood debt, if it's active or not. Just for the specific heroes it applies to.

Is there a special one for assassin?

End Game Screen

Need a screen for the end of a game.

Needs to match all features the old UI has.

React Router

Incorporate react router so there are routes and can navigate about to pages.

Show if player is a patreon and/or dev with playername

In GetNextTurn3 we send player names.

We should have it set to show if someone is a patron and I can have the little heart on display next to their name.

For super flex we can have the talishar coin next to our names for devs, same as the chat.

Modal Windows / Toast System

I want to unify the modals & toasts to be one - or absolute max two - component(s), right now it's a bit of a mess with things everywhere showing different bits all relying on updates to the redux store.

In addition to modal windows popping up and staying on screen, I'd like it that toasts can appear for a short amount of time.

Short toasts can show things like die roll results, revealed cards, any announcement we want to do for downtime etc.

Improvement to "square" cards

Etasus has offered to improve the cutouts for the small square versions of the cards.

This issue is to track them being completed and added to the new UI as well as ported to the old one.

When in dev environment assign all external api routes to go through vite server as a proxy.

In production we’ve already got the servers configured to accept *.talishar.net as origins to prevent cross origin requests. Stopping CORS errors.

We still have CORS issue when in dev environment though, because we are always on the local host.

When the environment is dev I think all requests to either dev, beta, or production BE should go via a /api/env/ directory endpoint on the fe dev server, so the requests can then be proxied out to the appropriate env, and then would require us to have a horrible CORS bypass extension in our browser.

Soul

Add indicator saying how many cards are in soul.
Have popup showing list of cards in soul.
Have indicator telling if the hero has charged that turn or not. (similar to blood debt).

Keyboard Shortcuts

Add keyboard shortcuts aside from spacebar/pass.

Option 1) Keep same as current talishar
Option 2) Focus on wasd side of the keyboard

Advanced Option 3) have it customisable

Display temporary buffs to weapons and cards

Some way to show temporary (or even permanent) buffs to weapons and cards is needed. Or even if a weapon just has some ability baked in like Boost/Go Again etc

This would make cards like Blood on Her Hands much easier to use because you can see which card already has Go Again etc.

This will require more info to be sent to the FE from the BE.

Talishar/Talishar#119

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.