Skip to content

This is my first project using base web technologies where I familiarize myself with how the html is structured, writhing scripts that would handle button functionality, and CSS styling fundamentals. Overall, this is an awesome and fun interactive game built with simple web technologies such as JavaScript, CSS, and HTML!

Notifications You must be signed in to change notification settings

JSirisavath/pigGame

Repository files navigation

Pig Game! - Jerry Sirisavath

Initial Commit: 04-26-23 Note: Enable soft wrap for a better reading experience.

Project Overview

In the "pigGame" project, I've developed an interactive web application that demonstrates my skills in DOM manipulation, CSS styling, and JavaScript logic. The game combines these elements to create a dynamic user experience, with an interface that responds to player actions.

Key Learnings

  • DOM Manipulation: Utilized both basic and advanced techniques to add, edit, and update features, impacting both CSS properties and JavaScript functionality.
  • CSS Dynamics: Implemented dynamic background changes in response to game events like winning, losing, or switching turns.
  • JavaScript Logic: Focused on understanding the flow of logic, especially in scenarios where users roll dice and the results affect the game's scoreboard.
  • Data Flow: Gained insights into managing logic and data flow within a web application, supported by a flowchart that outlines the game's logic and event responses.

Gameplay

"pigGame" offers a fun and engaging experience for one or two players. The objective is to roll dice and accumulate points to reach a score of 100 before the opponent.

Key Features

  • Turn-Based Play: If a player rolls a 1, their score resets to 0, and the turn passes to the other player.
  • Strategy Element: Players must decide whether to 'hold' their current score or risk rolling again for a higher score.
  • Scoreboard: A basic, yet functional scoreboard tracks the players' points.
  • Reset Functionality: Includes a reset button for starting new games.

Player Interaction

Players roll dice and accumulate points, facing the risk of resetting their score if they roll a 1. The game encourages strategic decision-making, as players choose when to hold their score.

Screenshots

Below are some screenshots showcasing different aspects of the game:

Start Screen

Screenshot 2024-01-09 at 9 53 20 PM

Gameplay Screenshots

Screenshot 2024-01-09 at 9 53 34 PM Screenshot 2024-01-09 at 9 53 48 PM Screenshot 2024-01-09 at 9 54 13 PM Screenshot 2024-01-09 at 9 54 39 PM

End Game

Screenshot 2024-01-09 at 10 08 39 PM

Documentation

Each file within the project is thoroughly commented to explain its structure and purpose, aiding in understanding the code and its functionality.

Final Thoughts

This project has been instrumental in enhancing my understanding of web application development, focusing on user interaction, responsive design, and the intricacies of game logic. It stands as a testament to my growth as a developer and my ability to create engaging web-based games.


Thank you for exploring the "pigGame" project. Your feedback and contributions are welcome!

About

This is my first project using base web technologies where I familiarize myself with how the html is structured, writhing scripts that would handle button functionality, and CSS styling fundamentals. Overall, this is an awesome and fun interactive game built with simple web technologies such as JavaScript, CSS, and HTML!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published