nus-alset / games Goto Github PK

I apologize for the careless drawing and the misleading graphics. I meant the banner to be in the same style as the one used in the appbar in Achievement, ie. without the extra color patch...

Users can click on the result of any head-to-head match to play a given bot as player 1 or player 2.

Currently, this is achieved by href on A tag. There needs to be a method pass to the element from the parent component that will be responsible to re-render the game with selected controls.

Refer to this code
https://github.com/NUS-ALSET/games/blob/master/src/squadSinglePlayerGame/src/simulation/table-result.js#L94

https://github.com/NUS-ALSET/games/blob/master/src/squadSinglePlayerGame/src/simulation/table-result.js#L100

https://github.com/NUS-ALSET/games/blob/master/src/squadSinglePlayerGame/src/simulation/level1.js
https://github.com/NUS-ALSET/games/blob/master/src/squadSinglePlayerGame/src/simulation/level2.js
https://github.com/NUS-ALSET/games/blob/master/src/squadSinglePlayerGame/src/simulation/level3.js

These 3 are the custom codes that user will write and can able to edit according to me so instead of providing fixed code and importing in the main component, provide an option to pass these 3 level code as props so that user can edit them in different code editor and that can be used in this component via props.

Currently, the game match displays the two maps immediately under the appbar:

Please help the user understand the game page by displaying useful information as drawn in this graph:

There is so many ES Lint issue in the repo. It is important to fix them all before integrating them into the main project. Kindly have a look at the screenshot. The console needs to be clear when you start the project.

The screenshot is of Passenger Pickup game.

1. make empty taxi display green
2. make occupied taxi display red with passenger label, eg A, B, C...
3. label both the passengers and their destinations to be same as the label as the passenger in an occupied taxi, like A, B, C...
4. change the grass tile to represent city landscape

visual "paper-prototype":

The priority is to make the game's mechanics more apparent and clear to the player. It does not have to be pretty :)

Clicking the Bot-vs-Bot table cell should be pointing to a spectator-mode viewing the game as a spectator, currently clicking bot-bot table cell kind of rearranges the table. Do not rearrange the table, instead make it auto-rank by overall score.

Clicking the Bot-vs-User table cell correctly opens a game window, but it is broken currently:

Link to the tournament prototype:
https://0o2788vqw0.codesandbox.io/?gameType=gameTournament

The link at the bottom of documentation for URL params points to a broken page:
https://0o2788vqw0.codesandbox.io/?mode=custom&level=2&gameTime=200&botsQuantities=5&scoreToWin=35&playAsPlayer2=true&&gameType=gameTournament

All the elements have position absolute which makes it difficult to integrate into other designs. Put all the styles into separate CSS file so that they can be overridable to integrate. Below is an example is given for Tournament.js file

Instead of this
<div style={{position:'absolute', zIndex:100, left:'50%', transform:'translate(-50%, 0%)', top:'145px'}}>

Use It as
<div className="tournament__container">

and styles will goes into tournament.css file or style.css

style.css

.tournament__container{
  position: absolute;
   zIndex:100;
  left:50%;
  transform:translate(-50%, 0%);
}

this file can be imported into react component directly.

Currently the game (like Passenger Pickup game) when first opened, the button is already displayed as "Restart". It should be "Start", and dynamically changed to "Restart" when paused.

./src/components/games/passenger-picker/src/view/updater.js
Attempted import error: '../simulation/simulation' does not contain a default export (imported as 'Simulation').

Currently clicking the bot-vs-bot cell re-arranges the table cells, (is it simulating the whole tournament again?).

Please implement the spectator mode for bot-vs-bot match when click bot-vs-bot cell:

NOTE: spectator mode for bot-vs-bot has no code editor below

Game components are being rendered directly using React-DOM for codesandbox but we need to make a way to export a component also so that It can be integrated with other apps.

For games like Passenger Pickup game's two mirror maps, currently they are are next to each other with no visual separation.

Please leave enough white space in between the two maps:

Run Tournament
Custom Code Tournament
Hide Tournament

buttons need to be passed as props to the Tournament component so that they can be controllable and customizable from the parent component.

Example:
RunTournament: True/False
CustomCodeTournament: True/False
HideTournament: True/False

Right now, the table looks quite messy. Please implement the table that always auto-rank and auto-arrange to be in this form:


auto-ranked by score, and arranged to have diagonal line of grey cells