Skip to content

Latest commit

 

History

History
102 lines (75 loc) · 2.59 KB

README.md

File metadata and controls

102 lines (75 loc) · 2.59 KB

T-Rex Runner Game

A modern implementation of the classic Chrome dinosaur game built with p5.js. Features responsive design, accessibility improvements, and touch support.

How to run?

Click on this link to run the game. 👉 T-Rex Runner

🎮 Features

  • Classic T-Rex running and jumping gameplay
  • Responsive design that works on all devices
  • Score and high score tracking
  • Touch and keyboard controls
  • Accessible design with keyboard navigation
  • Progressive difficulty increase

🚀 Getting Started

Prerequisites

No installation needed! Just a modern web browser.

Running Locally

  1. Clone the repository:
git clone https://github.com/yourusername/t-rex.git
cd t-rex
  1. Start a local server (any of these methods):
# Using Python 3
python -m http.server

# Using Node.js
npx http-server

# Using PHP
php -S localhost:8000
  1. Open your browser and navigate to:
  • http://localhost:8000 (for Python/PHP)
  • http://localhost:8080 (for http-server)

🎯 How to Play

  • Press SPACE or UP ARROW key to make the T-Rex jump
  • Avoid the cacti obstacles
  • Press R to restart when game is over
  • Your score increases the longer you survive
  • The game gets progressively faster

📁 Project Structure

t-rex/
├── index.html          # Main HTML file
├── style.css           # Styles and responsive design
├── sketch.js           # Game logic using p5.js
├── p5.js              # p5.js library
├── p5.play.js         # p5.play library for sprite handling
├── p5.sound.min.js    # p5.sound library
├── assets/            # Game images
│   ├── trex1.png
│   ├── trex3.png
│   └── ...
└── README.md

🛠️ Built With

  • p5.js - JavaScript library for creative coding
  • HTML5 Canvas
  • CSS3 with modern features
  • Vanilla JavaScript

🎨 Customization

The game can be customized by modifying:

  • style.css - Visual appearance and layout
  • sketch.js - Game mechanics and difficulty
  • Asset images - Visual elements

🤝 Contributing

  1. Fork the project
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

  • Original Chrome T-Rex game by Google
  • p5.js community for the amazing library
  • All contributors and users of this game