GithubHelp home page GithubHelp logo

yusofbandar / space2020 Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 12.49 MB

Built for StudentHack VI . A multiplayer 3D space game, integrates Twilio API and speech recognition

Home Page: https://www.studenthack.com/

JavaScript 97.50% HTML 2.50%
twilio-api

space2020's Introduction

Space202 is a multiplayer game, built in 24 hours for Student Hack VI, that allows users to control a first-person astronaut to explore the crash site of two space ships on the moon.

Players can explore the crash site through exploration; the players can receive information via the Twilio API.

In addition, there is implemented AI that will listen to commands being said over a microphone and uses voice recognition to detect speech, and based on fixed list answers the players' questions. Each player can explore the game at its own pace and trigger events simultaneously.

Play Canvas

The game was built using a Game Engine called Play canvas. PlayCanvas is a WebGL engine, built in JavaScript, thus our game runs 100% in the web. As well as running on the web, players with different devices such as tablet and a computer will still be able to play with each other.

The server was built using Node and Socket.IO, the server updated each client on player movements and actions as well as analysing the speech of each player.

Twilio

The Twilio API is used to send information to a player mobile, simulating real communication. When a player explores the crash site a message is sent, the message could contain vital information aiding the players throughout the game.

One situation the Twilio API is used is at the start, when heading towards one of the space ships the player will receive a "distress signal". The "distress signal" will contain information about the space ship and crew.

Speech AI

Throughout the game, an AI called “Blue” accompanies each player. Blue is not very clever and has a hard time understanding humans but holds a massive amount of information. When the player either needs help or requires more information, "T" can be pressed to ask Blue a question, Blue will attempt to respond with the correct information.

For example, the player could need more information about a certain ship. If "More information on the Vanguard" is asked to Blue, Blue will respond with extra information.

Installation

To install the application all you will need in Ngrok and the project

Server

To run the application you will need Ngrok to host the server

Ngrok

Install Ngrok for your OS and start the exe file and run

ngrok http 8081

take note of the HTTPS URL.

Game

To run the game open the project and open the editor.

Navigate to the Network scripts and open Network.js find line 28

this.socket = io.connect([HTTPS ENDPOINT]); change HTTPS ENDPOINT to the the HTTPS URL noted earlier.

Built With

  • PlayCanvas
  • Socket.IO
  • Speech API

Acknowledgments

  • Thanks to Student Hack VI for hosting the event

space2020's People

Contributors

yusofbandar avatar

Stargazers

 avatar

Watchers

James Cloos 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.