Curated list of official Overwatch links and community Github repos, Codepen demos, and Chrome extensions.
Read the blog post for some of the highlights.
Links to official sites, media resources, and talks.
The first major global esports league with city-based teams.
A high-level tournament series for aspiring pro players who dream of ascending to the Overwatch League.
The annual search for the strongest nation in the world.
Industry experts, Blizzard developers, and official Overwatch team members discuss their process.
- 'Overwatch' Gameplay Architecture and Netcode
- Animation Bootcamp: The First Person Animation of 'Overwatch'
- Networking Scripted Weapons and Abilities in 'Overwatch'
- Replay Technology in 'Overwatch': Kill Cam, Gameplay, and Highlights
- The Animation Pipeline of 'Overwatch'
- The Art of 'Overwatch': Evolving a Legacy
- The Data Building Pipeline of 'Overwatch'
- Thinking Globally: Building the Optimistic Future of 'Overwatch'
Projects, tools, and experiments developed by the community.
Enhance your daily browsing experience.
- i-need-healing, [Github] - I am Genji. I need healing. Chrome extension.
- sounds-of-github, [Github] - This is a Chrome extension to play sound effects whenever you leave a reaction on GitHub.
- Overwatch League Spoiler Toggle - Allows visitors to overwatchleague.com to show/hide match spoilers.
- Overwatch League Reminder - Be informed of the date of the next match and notified when the stream starts.
- Overwatch Contenders Reminder - Be informed of the date of the next Overwatch Contenders match and notified when the stream starts.
- Overwatch Profile Search - Search Overwatch profiles based on platform and region.
Live demos, re-creations, and experiments.
- Overwatch Hero Gallery - Most fleshed out version of the hero gallery on Codepen.
- Pure CSS Tracer - Pure CSS Tracer inspired logo.
- Overwatch Snow 2017 - Overwatch snow recreated in pure CSS.
- Overwatch Snow Effect - Overwatch snow recreated in pure CSS.
- Overwatch Pixel Sprays in HTML/CSS - Recreating pixel sprays using CSS box-shadow pixel art technique.
- overwatch logo - Overwatch logo recreated in pure CSS.
- Overwatch (logo) - Overwatch logo recreated in pure CSS.
- Overwatch Main Menu - Main menu for the game recreated in HTML and CSS. Even has chat (I need healing!).
- Overwatch Mode Select Screen - Mode select screen after main menu recreated.
- Overwatch D.Va Pixel Boosters - Pixel D.Va flies across the page using HTML Canvas.
Open-source repos for frameworks, projects, tools, demakes, and demos.
- dvajs - Lightweight front-end framework based on redux, redux-saga and react-router. (Inspired by elm and choo).
- react-overwatch-picker - Overwatch Hero Picker in React.
- overwatchxp - Overwatch XP Calculator.
- competiwatch - Web app to track and visualize your competitive match history in Overwatch.
- overwatch-team-comps - Plan your Overwatch team composition per map. Share your team comp with others.
- overwatch-counter-picker - See which hero you should pick in Overwatch based on your team composition.
- overwatch-hero-picker - Let’s build the awesome Hero Picker UI from Overwatch.
- CompetitiveOverwatch - Overwatch Organization for /r/CompetitiveOverwatch.
- overwatch-hero-abilities-base - This addon lets to have multiple Overwatch Hero Abilities addons installed at the same time.
- genji-abilities - This addon for Garry's Mod lets you to use the abilities of Genji from Overwatch.
- tracer-abilities - This addon for Garry's Mod lets you to use the abilities of Tracer from Overwatch.
- overwatch-spray-extract - An easy way to get every sprays from Overwatch using Docker.
- McCree-Hammershot - Code and other files for the McCree Hammershot controller.
- widoughmaker - Arduino code for building a custom controller for Widowmaker!
- Overwatch-Stream-Rank-Overlay - Displays Overwatch comp rank on stream.
- I-Need-a-Hero - Automatic hero suggester for Overwatch.
- NerfThis - A database that allows players to submit their win/loss games. As a collective whole, it will suggests best heroes to play based on selected parameters.
- overwatch-spider - 🐞 Overwatch Spider with NodeJS + node-crawler.
- gfywatch - Overwatch Recordings -> Gfycat. Upload your POTG!
- STUTools - Automated deserialization of Overwatch's STU assets in C# and C++ (WIP).
- OWLib - Series of programs (tools) to interact with the Overwatch files.
- Overwatch-Item-Tracker - Track what event items you have unlocked.
- potg - Overwatch Play of the Game screenshot generator.
- Underwatch - A Pico-8 objective based team shooter demake.
- OverwatchProgress - An android loading view mock Overwatch style.
- OverWatchLoading - Overwatch Loading Animation.
- overwebs - Overwatch UI in HTML using Polymer.
- sombra - Sombra ARG for overwatch.
- overwatch-dpi-tool - This tool will calculate if a given DPI, in-game sensitivity, and FOV is good enough for various screen sizes.
- Overwatch_theme - Overwatch theme for Discord.
- overwatchop - Omnic - An Overwatch Strategy App.
- owl-ranking - Detailed OWL Ranking.
- heropicker - Automatically pick a hero in Overwatch. Auto Hotkey (ahk).
- overwatch-team-balancer - Given a set of battle tags, attempts to balance based on their current competitive SR.
- OverwatchCounters - Overwatch Team Generator.
- overwatch-settings-select - A React component modeling the Overwatch Settings select element.
- overwatch-settings-stepper - A React component modeling the Overwatch Settings the stepper and toggle UI elements.
- overwatch-table - A React component modeling the Overwatch custom game table element.
- overwatch-side-nav - A React component modeling the Official Overwatch website side-navigation.
- dva-heart-emote - A WebGL remake of the heart container animation from D.Va's emote.
AI principles and practices applied to Overwatch.
- C0derwatch - Uses deep learning to analyze how games should go.
- OverwatchML - Overwatch + AI.
- OverwatchRankingProject - The goal is to create a predictive model for competitive ranking.
Unofficial NodeJS, GraphQL, Go, JSON, and RESTful APIs.
- OWAPI - Overwatch JSON API.
- overwatch-api - 🌎 An Unofficial Overwatch HTTP API.
- infra-sight - An unofficial API for Overwatch.
- overwatch-api - A RESTful API for the Overwatch Game.
- cowapi - A Crystal implementation of OWAPI.
- oversmash - Overwatch API library for player details and career stats.
- oversmash-api - GraphQL API for Overwatch player information and stats.
- overwatch-js - Overwatch NodeJS API : Retrieve information about heroes/players from Overwatch Official Website.
- overwatch-webapi - Overwatch JSON API Hosting based on overwatch-js npm package functionality.
- ovrstat - 🎮 A Fast and Detailed Unofficial Overwatch Stats API written in Go.
- OWLeagueLib - An easy-to-use library for interacting with the Overwatch League web API.
Discord and Twitter bots. Not aim bots.
- ow-dancing-bot - I post Mercy dancing clips and hope to post more heroes and music someday.
- peanut-botter - 🎮 Discord bot for Overwatch.
Keyboard and setup lighting with Overwatch integration.
- overlights - Reactive Overwatch lighting.
- Aurora - Unified lighting effects across multiple brands and various games.
Open models for levels, weapons, heros, effects, and more.
Trello boards for open-source project.
- Omnic - Trello Board for the 'Omnic' app.
- I Need A Hero - Trello Board for 'I Need A Hero' app.
This work is licensed by Chris Dolphin under a Creative Commons Attribution-ShareAlike 4.0 International License.