Code Monkey home page Code Monkey logo

twistrug's Introduction

TwiStrug

TwiStrug is a companion application for Twilight Struggle. It would not exist without Twilight Strategy.

Virtual Board

TwiStrug Board

It's basically an on-screen version of the board, so if you add cards you'll be able to play a full game.

The board distorts geography in favour of a better usage of space; the board will fit on a Chromebook, and might be playable on an iPad (haven't tested it).

It's only for local play so far, but I might look into enabling a shared remote board and leaving the users to figure out the cards through ACTS or something similar. I don't know if I'll get to simulating the cards in-browser.

Features

  • Keyboard shortcuts for everything except placing influence
  • Action history with unlimited undo/redo capability
  • On-screen dice
  • Display of presence/domination/control for each region and aggregate for each superpower
  • Display of number of controlled battlegrounds for each superpower

It's definitely beta, and don't be surprised if it doesn't work on lower versions of IE. Or higher versions of IE. Or a computer that has even heard of IE.

Card Explorer

TwiStrug Card Explorer

Explore the cards and learn some strategies from the excellent Twilight Strategy. I love theory's site, but got overwhelmed that I had to look up 6 other cards for every card strategy page. So I made this to help myself learn.

Dev/Deploy

> npm run [watch | build | open | deploy]

twistrug's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

twistrug's Issues

Suggestion: card image tooltips

At present, when browsing a card page and hovering on the name of another card, a text tooltip appears. May I suggest a card image tooltip instead? If a user is learning the game, then showing the actual card removes a layer of abstraction and helps with card familiarity. It would also show more information - event era, event alignment, card ID.

A page with examples of what I mean.

Cheers

WGR card filtering grabbing IDs from card titles

SAMPLE ONE

#30 Ops 2: Decolonization (USSR)
#60 Ops 3: U-2 Incident * (USSR)
#72 Ops 1: Sadat Expels Soviets * (USA)
#59 Ops 4: Flower Power * (USSR)
#38: Southeast Asia Scoring *
#67 Ops 2: Grain Sales to Soviets (USA)
#61 Ops 3: OPEC (USSR)
#32 Ops 1: UN Intervention
#55 Ops 2: Willy Brandt * (USSR)

Copying and pasting this shows me 10 cards - the nine that I have, as well as Europe Scoring (which I do NOT have).

SAMPLE TWO

#24 Ops 2: Indo-Pakistani War
#80 Ops 2: 'One Small Step...'
#68 Ops 2: John Paul II Elected Pope * (USA)
#13 Ops 2: Arab-Israeli War (USSR)
#22 Ops 2: Independent Reds * (USA)
#108 Ops 2: Our Man in Tehran * (USA)
#59 Ops 4: Flower Power * (USSR)
#39 Ops 3: Arms Race
#60 Ops 3: U-2 Incident * (USSR)

Same thing. Copying and pasting this shows me 10 cards - the nine that I have, as well as Europe Scoring (which I do NOT have).

SAMPLE THREE

#80 Ops 2: 'One Small Step...'
#89 Ops 4: Soviets Shoot Down KAL-007 * (USA)
#50 Ops 4: 'We Will Bury You' * (USSR)
#56 Ops 4: Muslim Revolution (USSR)
#57 Ops 4: ABM Treaty
#75 Ops 2: Liberation Theology (USSR)
#88 Ops 2: Marine Barracks Bombing * (USSR)
#45 Ops 1: Summit
#1: Asia Scoring

Copying and pasting this shows me 10 cards - the nine that I have, as well as Socialist Governments (which I do NOT have).

SAMPLE FOUR

#89 Ops 4: Soviets Shoot Down KAL-007 * (USA)
#102 Ops 2: Defectors (USA)
#91 Ops 2: Ortega Elected in Nicaragua * (USSR)
#34 Ops 4: Nuclear Test Ban
#14 Ops 3: Comecon * (USSR)
#69 Ops 2: Latin American Death Squads
#2: Europe Scoring
#96 Ops 3: 'Tear Down this Wall' * (USA)
#66 Ops 2: Puppet Governments * (USA)

Copying and pasting this shows me 10 cards - the nine that I have, as well as Socialist Governments (which I do NOT have).

Translate WGR ids

Card #102 is different, probably others too.

Maybe have a toggle? Detect WGR somehow?

Fix board routing

Going to #/board redirs to #/board/<gameid>, which renders the back button worthless, as one just loops.

Stability numbers showing in influence box in firefox 55

Some countries' stability numbers incorrectly show up on the influence box for USSR. The following countries have this issue:
Guatemala
Dominican Republic
Venezuela
Cameroon

This issue is happening on:
Win10
Firefox 55.0.3 (64-bit)

I tested on the same Win10 machine and in the following browsers it displays correctly:
Microsoft Edge 40.15063.0.0
Internet explorer 11.608.15063.00

Minor corrections

card 3: awacs sale to saudis (110) is not linked
card 4: typo: Soviets Shoot Down KAL-007*7

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.