GithubHelp home page GithubHelp logo

sophiekoenig / seabattle Goto Github PK

View Code? Open in Web Editor NEW

This project forked from elinahulbert/seabattle

0.0 0.0 0.0 22.14 MB

My first game made with the framework called "Phaser". A team collaboration as part of my studies at Hyper Island. Made with HTML, CSS & JavaScript.

Home Page: https://sophiekoenig.github.io/seabattle/

HTML 9.15% JavaScript 72.15% CSS 18.70%
design game-development loops phaser

seabattle's Introduction

SeaBattle (BattleShip) Game Created with Phaser Date: November 2021

Motivation Using Phaser was a requirement for a module at Hyper Island. My team and I decided on creating the SeaBattle game before we learned how to use Phaser. Interestingly, our game stood out from other students' projects, as it didn't involve running, jumping, or combat mechanics.

Learning Outcomes Phaser Framework: Understanding how Phaser works and its capabilities. Creative Problem-Solving: Finding workarounds within the framework, such as creating a grid or avoiding scene creation. Code Structuring: Learning to destructure and organize code effectively. Team Management: Taking responsibility for team organization and coordination. Mathematical Application: Applying mathematical concepts in frontend development. I started by pseudocoding the game based on a vanilla JS description, but had to adapt and create a modified pseudocode to suit Phaser's functionality.

Usage Instructions We developed a You-Against-PC version of the game. You have 70 attempts to find 6 pieces of 2-cell ships and 4 pieces of 1-cell ships. Please mute your PC if you are sensitive to sound before playing. Play SeaBattle

Credits Special thanks to my teammates:

Anastasiya Samoilenka (https://www.github.com/AnastasiyaSamoilenkaHyper) Elina Hulbert (https://github.com/ElinaHulbert)

seabattle's People

Contributors

anastasiyasamoilenkahyper avatar elinahulbert avatar sophiekoenig avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.