lukew3/congol

Conway's game of life for 2 players

Hi there 👋

I'm always building, follow me to see what I build next.

If you want to hire me, I'm open to offers starting January 2025 after my graduation.

📄 See my resume

📧 Email me at [email protected]

Some things I've made:

• mathgenerator - A math problem generator with a large variety of problem types, usable as a python package.
• stemplayeronline.com - A website that allows users to mix music using a stem player in their browser.
• uni2db.com - An API for public university data like courses offered. Powered by open-source web scrapers.
• 3cards - Flashcards on web3. Runs at 0 cost, allowing for completely free and unblockable education.
• ideaspot.org - A website where users can share and build each others ideas.
• congol.net - An online server for playing a competitive 2 player version of Conway's Game of Life.
• dropsync - Perfectly sync a moment in your life with a moment in a song
• lukew3/resume - Github Actions CI to build a pdf of my resume from jsonresume and latex template.

congol's Issues

Store replay data of games

Time limit for moves

• Add a timer to the game that ends the players round if the timer runs out

Save moves, run next board generator on server

There should be an array called moves that takes the cells that each user toggles on their turn. After each turn, a new board is generated on the server and returned. Board generation should be written in C/C++ but it's fine to write in js for now.

Timer doesn't work in online mode

There should be a waiting area where the timer doesn't start until the other player joins

• Should timers be stored on the server?
  • Definitely should store time of submissions later

Once the second user joins, start timers on both clients. Start time will be saved to server as a date object. The time at which users made their moves can be figured out later. Ideas:

• Moves contains an array of move arrays. The first element of the move array will contain the seconds or milliseconds since the game started. The second element will be an array of cells toggled.
• Keep a separate array of move timestamps showing the milliseconds after the start of the game at which the moves occurred

Create Render.renderAll method

Should render board, pieces, score, and round.

Center switch, so that it is not dependent on player usernames being the same size

Set maximum amount of available pieces

Create working newGame page

Update: setting board size works, but setting game mode doesn't.

Create 404 page

Replace reset button on online game with "New Game" button

Add option for custom board size on newGame page

Figure out what to do with the timer, which doesn't load when you go to the /game page from url

Replace 'defaultGamePage' with 'gamePage'

Single player buttons stay after mode is switched

Add a js preprocessing step that ensures that indentation is correctly implemented with tabs

Give users playing online playerId's so that they can only play if it is their turn

Do something at end of game

Game ends when:

• Player reaches desired score
  • 100 seems reasonable
• Player's game timer runs out

After, game should:

• Not allow any more cells to be placed
• Put text that says "Player X wins!" where the submit button is
• Push the submit button below that text
• Replace submit button text with: "Play Again"

Allow playing different versions of the game

Users should be able to select whether they would like to play 2 player remote, 2 player local, or 1 player practice.

Have 1 page for playing games, different elements are visible and different rules apply for different game modes. All mode-specific logic should be contained inside of Game.js and config.js

Loading existing game from url doesn't work

Make it so that you cannot submit if it is not your turn

Use gulp.js to build and test

Fix footer below screen on mobile

Might be specific to my phone. When you scroll up to hide the navbar, the footer fits.

Make code more understandable

There is a lot going in in the game.js file. Rename functions, create a better flow of events, and probably make the local and online versions of the games more separate, as logic for online games should occur server-side, unless you could figure out a way to have clients run logic and check with each other.

Separate config from page js file

/game in the url without a number should send the user to local 2 player mode

Upload game data after game complete and create program to analyze data into graphics

If I'm playing against myself, the amount of wins for the color that plays first and the color that plays second should be about the same. If it isn't the game needs to be tweaked

More variety of cell styling

Users who contribute to the game in various ways should have access to different cell styles such as:

• gradients
• images
• animated colors.

Contributions to reward:

• code
• invited others
• played a certain amount of games
• donated

Add dictionary of placeable shapes

If 2 people are in a game and a new game is requested, the user is directed to game 1 but is shown the game data of game 0

Reset game 2p button stays when solo game is started after 2p local game ends

Create multiple game rooms

• Online games will be given a uid, which will be in the url after /game.
• Only two players can be in this game
  • Each player is assigned their playerId when they join
• Other users can join but only watch

Allow setting custom rules on new game page

Pretty much allow the user to set anything that the game object would take as a parameter:

• Board size
• Colors
• Starting pieces
• Points to win
• Pieces per round

Track available pieces

• Give users a certain amount of pieces and have them place up to that many pieces during their turn.

• After turn has passed, increment their pieces by an amount

• Are pieces the right name? The game is about life, maybe pieces should be called eggs, as they can only be placed, and not picked up.

Prevent users from toggling cells after game over

Create game timers

Enable center-clicking/ctrl-clicking on links

Links should be tags with hrefs but should use an onclick event to navigate as a single-page web app

Add ability to see round history

• Similar to the arrows on online chess
• Create a file for exporting data about the game as well

Rounds are split into two parts

• part a is where users place their pieces
• part b is where the computer generates the next board

During round 0, the first player makes their move and then the computer generates the next board. Then, the screen shows round 1 and the next player goes

Or should round 0 be the board without
0 - no pieces
0.5 - p1 places
1 - computer updates and shows board after 1a and generation
1.5 - next player places their cells

Enable routing

Have to create an express server first that redirects all pages to index.html. Frontend routes by setting url when user should be redirected.

When you join a new game, you get the board of another game. Joining local game will receive the board of an online game

If game that doesn't exist is requested from the url, show the user the 404 page

Change scoring method

• Score users every 2 generations
• After users complete their turns, count the difference between the number of pieces that they have on the board and add that difference to the score of the player with the most living cells.
• No scoring first round ?
  • Does this prevent the person who played first from getting an advantage?
  • Scoring every 2 generations would fix this

Fix css for underBoardLower

Right side goes off-screen and switch becomes broken after screen size becomes so small.
Switch also breaks after scores grow past 1 digit.

Prevent users from removing cells that existed before their turn

• Create a list that is emptied each round.
  • Add cell numbers to the list if the cell is toggled on.
  • Only toggle the cell off if the cell can be found in the list.

Create remote game

• Use websockets
• This will be the first time that a server will be needed on this project.
• Allow users to join by url?
  • Or make accounts

Allow players to rejoin after they exit?

Because playerId is determined by the number of users in a room, when a player exits or refreshes their page, their playerId is set to player 1 or -1, even if they were player 0 before. Should they be able to get their place back or forfeit the game.

If they are not logged in, the game should end, and the remaining player should be moved to player 0. If they are not, the game should tell the remaining user to wait for them to reconnect.

Split css files by page and use gulp-concat to merge them before autoprefixer and csso

https://stackoverflow.com/questions/47335827/merge-multiple-scss-files-into-one-css-file#47351690

Player 2 pieces are left-aligned on ipad

Create users

Lot of work to be done on this issue:

• Create user model
• Create sign up/in pages
• Create user profile page
• Send correct usernames on games

Add a message alerting users that they are leaving a game and cannot come back (or give an option to navigate back to game from other page)

If you choose to give an option to navigate back from other page, there could be either a floating button, or a link on the nav that says, "Back to game"

Pass completed game state to server and back through gameUpdate

Also, prevent users from joining games that have less than two participants but have been completed