Skip to content

Fixing Logos and Avatars for Overlay

Patrick Fairbank edited this page Oct 27, 2018 · 1 revision

Since Cheesy Arena uses a color-based overlay for the audience display (chroma or luma key), it's possible that event or sponsor logos and some teams' avatars will include colors that would get replaced by the background video. The solution is to edit each image to replace the problematic colors with slightly different ones. For example, Chezy Champs uses a black background in overlays, and so we replace color #000 with #222 in avatars and other images that appear on the audience display.

The Cheesy Arena repo includes a Bash script that can be used to automate this for team avatars.

Prerequisites (if not using the Cheesy Arena road case)

  • A system that supports Bash scripting (macOS or Linux) -- otherwise, avatars will need to be edited some other way.
  • Imagemagick is installed, and the convert command is available in the terminal

Fixing avatars

  1. Import the team list for the event. This also downloads the avatars from TBA and stores them in the static/img/avatars/ directory.
  2. If planning to use a color other than black as the overlay color, determine which color needs replacing and what replacement color to use, and edit the fix_avatar_colors_for_overlay script in the Cheesy Arena repo root accordingly.
  3. Run ./fix_avatar_colors_for_overlay.

Fixing other logos

Use the convert command to directly fix any other images shown on the audience display (i.e. custom event logos or sponsor logos): convert mylogo.png -fill '#000' -fuzz 10% -opaque '#222' mylogo.png