Hi-Low Game
Project Overview
Embarking on the journey of creating a JavaScript game infused me with excitement. In the project's development phase, I meticulously crafted a game plan, outlining each step with anticipation. Leveraging my background in mathematics, I envisioned a numbers-centric game and brought to life the Hi-Low Game, a thrilling number guessing experience. Elevating the project further, I seamlessly incorporated Object-Oriented Programming (OOP) alongside JavaScript and jQuery, enriching both the functionality and appeal of the game.
Tool I Used
Development
Development this project involved a strategic blend of technical foresight, creative innovation, and a user-centric approach. The result is a meticulously crafted game that not only meets its technical objectives but also provides a captivating and memorable experience for its users.
Highlights
Animated Timer Background: Leveraging jQuery and requestAnimationFrame() to craft a visually appealing and dynamic background, adding an animated layer to the game.Original Concept: Opting for an original game concept, challenging conventional norms, and infusing a fresh perspective into the gaming experience.Artistic Exploration: Utilizing SVGator and Adobe Illustrator to breathe life into game characters, injecting a sense of charm and playfulness.
What i learned
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
const victoryScreenHTML = (game) => {
const players = game.players;
const maxNumberOfLives = Number(
game.difficultyLevels[game.currentDifficultyLevel].numberOfAttempt
);
const winners = [];
let finalMessage = null;
console.log({ players });
if (players.length === 2) {
if (players[0].status === "failed" && players[1].status === "success") {
winners.push(players[1]);
} else if (
players[0].status === "success" &&
players[1].status === "failed"
) {
winners.push(players[0]);
} else {
if (players[0].numberOfAttempt > players[1].numberOfAttempt) {
winners.push(players[0]);
} else if (players[0].numberOfAttempt < players[1].numberOfAttempt) {
winners.push(players[1]);
} else if (players[0].numberOfAttempt === players[1].numberOfAttempt) {
winners.push(players[0], players[1]);
}
}
} else {
winners.push(players[0]);
}
Integrating Object-Oriented Programming (OOP) and JavaScript into my coding journey has been transformative:Enhanced Problem-Solving: OOP sharpened my problem-solving skills, breaking down tasks effectively.Code Organization: JavaScript's OOP features improved code readability and scalability.Flexibility: OOP's emphasis on inheritance offered adaptable coding solutions.Collaboration: Standardized code structures facilitated seamless collaboration within teams.JavaScript's Versatility: The versatility of JavaScript empowered dynamic and interactive project elements.Iterative Learning: Each project served as a stepping stone, fostering continuous learning and skill refinement.In essence, this journey has not only expanded my technical abilities but has also deepened my appreciation for the dynamic synergy of OOP and JavaScript in creating robust and scalable code.