Project page

Magical Breakout Game

Embark on a Magical Adventure

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.

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.

Year

2024

Team

Marianne Febra
Patricia Martins

Deliverables

Website

Roll

Front-End Developer

Skills

HTML5
CSS3
JavaScript

Check Out These Projects As Well!