Skip to content

Latest commit

 

History

History
165 lines (110 loc) · 4.51 KB

games.md

File metadata and controls

165 lines (110 loc) · 4.51 KB

Games

Basic Games

Tic-Tac-Toe

Make a player-vs-computer version the game Tic-Tac-Toe. Use this FreeCodeCamp Challenge as a guide.

Write your game in these files:

public/ticTacToe.html
public/js/ticTacToe.js
public/css/ticTacToe.css (optional)

Simon

Implement the game Simon. Use this FreeCodeCamp Challenge as a guide.

Write your game in these files:

public/simon.html
public/js/simon.js
public/css/simon.css

Connect Four

Build a web version of the game Connect Four. It is recommended that you use jQuery.

Write your game in these files:

public/connect-Four.html
public/js/connect-Four.js
public/css/connect-Four.css

Intermediate Games

Checkers / Draughts

Implement the game Checkers (also known as Draughts) in HTML, CSS, and JavaScript. It is recommended that you use jQuery.

Use this tutorial if you need guidance: https://www.codecademy.com/courses/jquery-checkers/0/1

Write your game in these files:

public/checkers-draughts.html
public/js/checkers-draughts.js
public/css/checkers-draughts.css

Blackjack

Create a web version of the game Blackjack. It is recommended that you use jQuery.

Write your game in these files:

public/blackjack.html
public/js/blackjack.js
public/css/blackjack.css

Platform Game

Implement a simple platform ("run and jump") game. Follow this tutorial from Eloquent JavaScript.

Write your game in these files:

public/platform.html
public/js/platform.js
public/css/platform.css

Advanced Games

Othello / Reversi

Implement the game Othello, also known as Reversi. It is recommended that you use jQuery.

Here's an example implementation: http://kana.github.io/othello-js/, and the game rules.

Write your game in these files:

public/othello.html
public/js/othello.js
public/css/othello.css

Go

Build a Go game in the browser. It is recommended that you use jQuery.

Example implementation: http://ismyrnow.github.io/Go/ (source code: https://github.com/ismyrnow/Go).

Write your game in these files:

public/go.html
public/js/go.js
public/css/go.css

Chess

Build a Chess game in the browser. Here's an example implementation: http://codepen.io/willangles/pen/JdByo. It is recommended that you use jQuery.

Build a human-vs-human version first, then try your hand at building a human-vs-computer version with a basic chess AI. Here's a guide to building the AI.

Write your game in these files:

public/chess.html
public/js/chess.js
public/css/chess.css

Other resources: https://github.com/jhlywa/chess.js and http://chessboardjs.com/.

Tetris

Create a web version of the game Tetris. It is recommended that you use jQuery.

For guidance, consider using this tutorial: https://github.com/jonhoo/tetris-tutorial/ and/or this video series: part 1, part 2, part 3, and part 4.

Write your game in these files:

public/tetris.html
public/js/tetris.js
public/css/tetris.css