Project
Title
Magical Breakout Game
Subtitle
Embark on a Magical Adventure
The challenge section
The challenge
For a college project, we were tasked with applying Object-Oriented Programming principles to create a custom class and instantiate objects using the new operator. The objective was to develop an interactive game that met specific criteria: the object created by the constructor function must possess a minimum of two properties and two methods, capable of accepting parameters/arguments. Additionally, the game must be seamlessly integrated into a practical web page and demonstrate responsiveness across various devices. Furthermore, we were required to utilize modules and Parcel.js to bundle the modules.
Image of Zima Bottles
Solution and process section
Solution
We crafted multiple custom classes following Object-Oriented Programming principles, ensuring each class met the specified criteria of possessing at least two properties and two methods while being capable of accepting parameters/arguments. Utilizing these classes, we instantiated objects using the new operator to create an interactive breakout game with a unicorn theme designed for kids. Each element of the game was carefully integrated into a responsive web page, guaranteeing seamless functionality across various devices. Leveraging modules and Parcel.js, we efficiently bundled the necessary modules, optimizing performance.
Process
The project started with an extensive exploration of object-oriented programming principles, followed by collaborative brainstorming sessions to shape our game concept. Working together, we built the classes, methods, and modules for our project. We settled on creating a unicorn-themed breakout game tailored for children. Integrating this game into a responsive web page required careful attention to detail, ensuring it worked seamlessly across all devices for an enjoyable user experience.
Image of the Project
Project's Image
Details Section
Year
2024
Team
Marianne Febra
Patricia Martins
Deliverables
Website
Roll
Front-End Developer
Skills
HTML5
CSS3
JavaScript