How to build Pokemon Go in your browser. In 100% JS.

on YouTube ↗29m

" summary

Claims a playable Pokémon Go–style game running 100% JavaScript in the browser: WebGL/A-Frame for 3D and motion, Mapbox for maps, GeoLocationAPI with bounding-box queries, Foursquare to seed venues (demo caps at 50 items), Node/Express backend and MongoDB geospatial for shared persistence, service workers for offline caching, getUserMedia video billboard for AR, and WebRTC/WebTorrent hinted for peer connectivity. The demo builds throwing physics and AR video overlay and runs on phone but shows streaming lag during the live demo.

AI-written summary · about

" chapters (7)

1. 0:00Introduction
2. 6:48Catching Monsters
3. 9:17Displaying Maps
4. 13:04Item Drop Locations
5. 16:49Online Server
6. 21:01Service Workers
7. 23:53Augmented Reality

" related talks

• 36mMultiplayer Games With WebXRTanay Pant · GDG DevFest Gorky 2018
• 18mLocation-based Pokémon with Node.jsStefanie Taepke · Reject.JS 2014
• 50mHTML5 technologies and game developmentRob Hawkes · Web Directions Code 2012
• 29mMultiplayer Games with WebXRTanay Pant · CSS-Minsk-JS 2018
• 29mWait, you can do that with JavaScript…!?Opher Vishnia · JSConf Iceland 2018
• 26mdeveloping videogames in JavaScriptFrancesco Raimondo · Universal JS Day 2017
• 51mBuild Your Own Game Engine in the BrowserDavid Whitney · NDC Oslo 2025
• 57mOn the path to WebARJerome Etienne, Alexandra Etienne · DevFest Nantes 2017