Skip to main content

Forums / Support / Halo API Support

HACKATHON SUBMISSION: HaloTheater

OP Seph

Application/Web Site title:
HaloTheater

Description:
HaloTheater is website that lets players watch Halo 5 match events from numerous camera angles.

This is a solo project created for the Hackathon.

I am in the process of adding additional/improved camera angles. The following maps are currently supported to some degree:

  • Empire (complete)
  • Regret (complete)
  • Eden (complete)
  • Overgrowth (complete)
  • Fathom (complete)
  • Truth (complete)
  • Riptide (complete)
  • Tyrant
  • Plaza
  • The Rig
  • Coliseum
I would recommend watching (or skipping through) the video below for a complete overview of the site's current functionality.

I have primarily targeted PC users, but the site should work on various device sizes.

URL (if applicable):
www.halotheater.com


Screenshot links:
Screenshots: http://imgur.com/a/HxQsH
Video: https://www.youtube.com/watch?v=sqAAxQ3TuuM

Gamertag:
Seph

Cheers.
That's pretty slick. Nice work.

Must have taken some time mapping those 3D coordinates to the different camera shots. How hard was it?
That's pretty slick. Nice work.

Must have taken some time mapping those 3D coordinates to the different camera shots. How hard was it?
Cheers,

It took a me a little while to learn the required camera projection maths, but it was well worth it and ended up being very little code.

It's now very easy to add any number of cameras for any map, I've only submitted it at this point because I didn't want to leave it too close to the deadline. I will add more maps tomorrow.

To add a camera I just need the following:
  • The screenshot
  • The camera properties (available when machinima controls are enabled)
I then add the camera properties and image to my database. My server can then take 3D points of any event and project them to screen space from the perspective of any camera.
I could theoretically let anyone upload their own camera positions.

I will probably make the source code available for anyone to use if there is interest.
I just added Regret:

Example:
http://halotheater.com?matchId=7d6e4444-e003-4584-bc73-bbfc4005da84&cameraId=19&t0=54.594&t1=86.516

Also added Eden:

Example
http://halotheater.com?matchId=13dc3aa7-a262-45d9-bc8b-1e3763f12e94&cameraId=13&t0=139.525&t1=228.884

Use the arrow keys to change camera, or select one of the Monitors (Guilty Sparks).
This is pretty awesome. Well done!
This is pretty awesome. Well done!
Thanks, I'm just trying to get all the maps added before the submission deadline!
Dude freaking awesome job! We are currently making heatmaps and were wanting to do something like this as well to be more like bungie.net and their overlays. Glad to see that something like this is indeed possible!
Veeg wrote:
Dude freaking awesome job! We are currently making heatmaps and were wanting to do something like this as well to be more like bungie.net and their overlays. Glad to see that something like this is indeed possible!
Thanks, I'd actually thought about adding heatmaps to my camera views too but didn't have time in the end.

I might do a write-up on how to do it, although there are a couple of things that could be improved with a more thorough understanding of the camera projection maths.