Giter Site home page Giter Site logo

hightechu / hightechu-openspace Goto Github PK

View Code? Open in Web Editor NEW
1.0 9.0 0.0 21.24 MB

"Open Space" Browser Game Prototype from Cohort 1 of the 2019 HighTechU Skills Academy

License: MIT License

JavaScript 1.28% TypeScript 88.15% HTML 4.23% SCSS 6.34%
group-project high-school web-application software-engineering computer-science university-of-victoria hightechu arcade-game game

hightechu-openspace's Introduction

๐ŸŒŒ Open Space

badge badge licence

Open Space is an arcade game currently in development to deploy as a browser and mobile game.

๐ŸŒŽ Our Mission

Open Space was designed with stress relief at the forefront of our minds. Open Space is an environment where you can feel free of anxiety, and just take a few minutes to relax from the stresses of daily life. We researched various techniques at reducing stress and implemented as many as we could into our game. The research can be found here

๐Ÿš€ How to launch locally

  1. Download or clone the repository
  2. Download node if you haven't already here: Node Download
  3. Install the ionic cli using npm install -g @ionic/cli from the command line
  4. Navigate to the local repository you downloaded and run npm i in the command line
  5. Now run ionic serve in the command line and after a minute or so your local server should automatically launch in your default browser.

๐Ÿ“ค Contributing

There are two main ways in which you can participate in the project:

Learn more in our Contributing Document

๐Ÿ“œ Code of Conduct

Open Space abides by the CNCF code of conduct. Here is an excerpt:

As contributors and maintainers of this project, and in the interest of fostering an open and welcoming community, we pledge to respect all people who contribute through reporting issues, posting feature requests, updating documentation, submitting pull requests or patches, and other activities.

If you believe someone is violating the code of conduct we ask that you report it to our email [email protected]

๐Ÿ’ก Feedback

We are always looking to improve so your feedback is appreciated. Here are some ways you can give your feedback.

๐Ÿ“ข Communication

Come to talk to us!

โš–๏ธ Licence

This project uses the MIT Licence

hightechu-openspace's People

Contributors

andrewdmaclean avatar avery-baechler avatar avery-hightechu-ca avatar flytewizard avatar hightechu-ca avatar jaiminmodi avatar jonah-hightechu-ca avatar luci-hightechu-ca avatar malaert64 avatar matthewhightech avatar owen-hightechu-ca avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hightechu-openspace's Issues

Game sound effects

  1. Sound effects to be applied to game navigations buttons
  2. Sound effects be applied to in-game actions (lasers, rank up, etc.)

Create enemies with unique movement patterns

  1. Enemies will spawn as the player progresses, appearing from the edges of the player's screen.
  2. Enemies will have different movement AI to maneuver and attack the player in ways unique to each enemy.

Initial physical gameplay layout

  1. Once the Instructions pop-up is closed, the background is displayed and start's to scroll
  2. The players ship is visible at the bottom of the screen.
  3. Obstacles randomly scroll into view in front, and then past the player

Credits page

  1. Add a button on the title screen called "Credits"
  2. Create a page for this button that lists the programming and stress-relief resources used, their websites, and their creators (and us). Also link to the game's GitHub repo.

Basic title screen

  1. A title screen is displayed, with the game's logo and a "Start Game" button that starts the game.

Deployment platforms

  1. Have the game deployed to a URL and Local Mobile
  2. The game opens to the title screen on the loading of the website or native app.

Create functional health bar

  1. Health bar/meter must be created (integer variable displayed visually)
  2. Different enemies should do different amounts of damage to player (basic assigned values; variable math)

Add laser to player ship

  1. Have Spacebar (PC) / tap screen (mobile) bound to "shoot." Fires the ship's weapon.
  2. The weapon will create a new instance of a projectile and launch it away from the player, towards the top of the screen.

Controls & Introduction popup

  1. Upon starting a new game, a popup with controls will appear.
  2. The instructions will include a
  • Simple backstory
  • Player Controls
  1. A back button to return to the start screen
  2. A "Let's Go!" button that starts the gameplay

Relaxing, Non-copyright music.

Find royalty-free music that is calm and fits the tone of the game (space adventure) to use in the background of gameplay.

Enemies attack the player

  1. Enemies should be able to fire weapons autonomously, which do damage to the player on contact, lowering player health (variable math)

Pause button

Add a button on the game screen that pauses the level (using mostly the same system as when the player dies).

Interactable Stage Map

  1. Level map should be interactable - can click on a stage to view personal best score and start / reattempt the level.

Player Create Account

  1. Have the user input the nessesary data and complete a simple captcha
  2. Create a new instance in the database for the user
  3. Store their username, email, and password
  4. Log them into their newly created account

Ship movement controls

  1. Have arrow keys (PC) / hold finger on screen (mobile) bound to "player movement." Will cause the ship to move around the screen.
  2. Clicking "a" or the left side of the screen will maneuver the ship left
  3. Clicking "d" or the right side of the screen will maneuver the ship right

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.