💡 Inspiration

Why did we choose to focus on pollution in coastal areas?

  • When relaxing by the beach this summer, what would stick out like a sore thumb floating around in the sea or roll along the shoreline? That’s right! Plastic Pollution!

What inspired us for the various sections in the game?

  • We were concerned about the human impacts on our marine environment.
  • We then thought about how to gamify the different issues to make this story more interactive.

What is our game’s name?:

  • iSEAkai: The journey of an obnoxious girl who changed for the better.
  • Why we chose the name “iSEAkai”:
  • iSEAkai is a play on the Japanese word “Isekai”, which translates to “different world or other world”.
  • In Japanese animations, a character would be teleported from “Earth” to an “Isekai” world, where they roleplay as a knight or royalty to carry out world saving tasks.
  • In our story, the main character is punished by a mythical creature for her disrespect for the coastal environment. She was turned into a sea monster, and could only be turned back if by using her sea monster traits to help the ocean. Hence, her journey begins in the “iSEAkai” world. Play our games to help her to use her sea monster traits to clean up the coastal areas!

🔍 What it does

iSEAkai: is a game that brings us through the journey of a girl, Rozxie, who didn’t appreciate the natural environments by the coast. She was turned into a sea monster to help her repent for her misdemeanors.

This game is divided into 6 sections:

  • Oil Spill → Rozxie was tasked to clean up a nearby oil spill using her seaweed hair. Catch the oil clumps to help her complete her task.
  • Sonar Scream → Rozxie has to help take down a survey ship armed with a seismic air gun by using her sonic scream to attack the ship.
  • Bad Fishing → Rozxie uses her giant octopus tentacle to save the sea creatures caught in the large drift fishing nets, which is an extremely harmful method of fishing
  • Mangrove Protection → Rozxie protects the mangroves from loggers with her giant crab pincers.
  • Boulder Protectors → Rozxie uses her whale tail to help move giant boulders in front of the corals to protect the coral reefs from dredging boats.
  • Trash sorting → Rozxie helps to free the animals from discarded fishing nets and dispose of the litter on the beach to keep their habitat clean!

🔧 How we built it

  • The game is divided into 6 sections. As our team has 4 people, thus we divided it such that each person takes 1 section. The last section is first kept in view and if anyone have time, they will then tackle the additional sections. We managed to complete everything we set out to create in the end.
  • A variety of applications were used such as
  • Visual Studio Code
  • Canva
  • GitHub

🏃‍♂️ Challenges we ran into

  • Issues with the physics engine giving us very strange extremely weird physics.
  • Taby: Learning Javascript and web dev in general.
  • Not being familiar with CSS and CSS animations as well as canvas APIs.
  • It was challenging to incorporate the different environmental issues caused by humans into the storyline and think of games to make the story more interesting/interactive.
  • With every new library used, there is also the challenge of learning how the library works, and how it can be utilized to create new things. Amelia learnt to use matter.js more in-depth to develop new gameplay experiences. And Francene learnt more about css animations and using canvas to draw.
  • Brainstorming to decide the types of games and the topic in question took a while as we had to filter from a plethora of issues that the coastal environment is currently facing, ensuring both widely and less known issues. (Such as mangrove logging being a less known and sea creatures stuck in net being a widely known issue).

🏅 Accomplishments that we're proud of

  • Made a game that works.
  • Completing at least the MVP of what we wanted to achieve.
  • We managed to integrate our components into 1 continuous experience and host it too.
  • Taby did web development with JS HTML and CSS for the first time.

🧠 What we learned

  • We learned how to create more complex simulations in matter js for the minigames, to give a more realistic gameplay experience.
  • We also learned more about the following languages
  • Javascript
  • CSS
  • HTML
  • Web animation
  • We also learned a lot about how human actions are harming ocean environments, many of which we did not know before. We hope that our project and the references we included can help to spread awareness about oceanic environmental issues.

⏭️ What's next for iSEAkai

  • We hope to add more fun minigames, including multiplayer games.
  • We hope to also further enhance the current minigames such that it can provide a better experience to users, such as better graphics or increased difficulties for the minigames, which were cut due to time constraints.
  • We also hope that we can add new features and make our website more interactive!
  • We are hoping to also have a leaderboard that updates every minute such that players can compete with others online to get the highest score.
  • We hope to create more games that can raise awareness on more environmental issues, and not just coastal or oceanic.
  • More steps on what users can do to help advocate for protection of our coastal and ocean environments, as well as reduce the environmental damage by humans

Built With

Share this project: