Git Product home page Git Product logo

captar's Introduction

captAR

Augmented Reality Location-based Capture the Flag

Real-time mobile game built with React-Native, React-Native-Maps, Geolib, Redux, Firebase for iOS and Android

Login Create or Join Gameplay

How To Play

Coming soon to the App Store & Google Play.

Note: Until then, users may clone this repository, run 'npm install', 'react-native link', and 'node seed', and build to either an iOS phone via XCode or Android phone via Android Studio to play captAR.

Game setup:

  • Gather friends at a nearby park. We suggest 2-8 players, even numbers, and Battery Park, Bowling Green or Elevated Acre.
  • Login with Google or Facebook. The first to sign in should create a game. The rest should join their game.
  • Select your park and position yourselves on your team's side of the game field.

To Win:

  • Advance towards your team's flag on the opposite team's territory.
  • Get in the flag's geofence and hit the 'Capture' button to render captAR's AR split screen camera mode. Press on the camera view flag to capture it!
  • Return to your team's side with the flag. You should see the flag move with you on map view. Careful though--the opposite team can intercept the flag when near you, automatically returning the flag back to its place.

Demo and Process

Team CoPPeR Contributors

  • Jannine Chan
  • Anuj Pant
  • Jordan Park
  • Oscar Ramirez

Built at Fullstack Academy of Code, NYC, 1707-FSA-NY

captar's People

Contributors

anujp41 avatar jn9cn avatar jordanjpark avatar oaramirez89 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

captar's Issues

Multiplayer views

Render other players' locations on the map, connect updates to the store (MapStateToProps)

Add captAR to reactnative.gallery ๐ŸŽจ

Hi @team-copper!

Sorry, this is not an issue...

I'm Xavier and Iโ€™ve been working as a freelance React Native developer for more than 2 years.
I try to help community when I can: sharing my works on open-source, like you do!

I want to help developers to have more visibility.
So, I've created a website where developers can share with entire
world their React Native projects, components, apps...

This website allow developers to show their works and get feedback.
Just like a Dribbble but for React Native developers.

https://reactnative.gallery

Firebase messaging

Messaging in Firebase means Notifications (i.e., location updates)
Render more than one player on the game field

Location-based game mechanics

When clicked, the flag is attached to player's marker
When intercepted, flag goes back to original location; full screen overlay/warning: prev flag holder player must return to own side to continue playing
When player with flag crosses border, game ends, team wins

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.