Skip to content

Latest commit

 

History

History
240 lines (170 loc) · 10.4 KB

PROCESS.md

File metadata and controls

240 lines (170 loc) · 10.4 KB
Raw

Tally Tracker Explorer - Process

Notes

  • Unity 2020.1.2f
  • Universal Render Pipeline (URP)

To do items

Setup

  • Create repo
  • Create Unity project (2020.1.2f1)
  • Git, Git LFS, SmartMerge
  • Choose a name and update repo name! @jdietrick what should it be?

Data & Timeline

  • Data
    • Update API with basic feed data
    • Get Feed data in Unity
    • Convert Feed data to JSON object
    • Create EventManager
    • Update API with detailed feed data
      • Change format of feeds table to use JSON_OBJECT()
      • Update feeds on website to use eventData object from each row
      • Update API to use eventData object from each row
  • Timeline
    • Timeline class
    • Create playback
    • Coroutine to play event at specific time
  • Export archive(s)

Playback History and Buffer automation

  • Create code that
    • Automatically gets, or handles a lack of, new events
    • Can consume data from the live API or local JSON files by changing dropdown option
    • Potentially do it like:
      • Use two C# collections (either a List or Dictionary) named buffer and a history that can be sorted by a date string.
      • As the events are visualized, the event object is moved from the buffer to the history.
      • If no (or not enough) new events are found on the next API call, then a "rewind" can happen where a chunk of events from history are placed back in the buffer and the "playhead" can restart at the end of the buffer (until the next check).
    • Prune players depending on max player allowed var
    • Merge new data / old data

Timeline visualization

  • Build timeline Visualization that shows history and buffer
    • "Playhead" that moves horizontally with the current event
    • History and buffer are both visualized, with dots showing number in each collection, on either side
    • Playhead moves right as new events happen, increasing the history and decreasing the size of the buffer
    • As buffer is filled back up history is deleted and playhead resets to left.
    • Use Colors from the website palette in the interface

Interaction

  • Add methods so viewer with a controller (keyboard, joystick, etc.) in the Visualization Studio OR someone using this with an iPad can: ✅
    • Select players
      • Desktop - Use horiz/vert axis (controller)
      • Mobile - Pinch/zoom
    • Zoom camera into and follow player
      • Desktop - Click
      • Mobile - Touch
    • While zoomed-in, display additional data on that player (from feed, username, etc.)
      • Basic code
      • Finish design @omundy
    • Shift to different player
      • Desktop - Arrow key (keyboard) and horiz/vert axis (controller)
      • Mobile - Swipe

Exhibition mode

  • After a period of no activity automatically
    • Do nothing :-)

UI Controls / Testing / Debugging

  • Build Feed data testing / monitor UI
    • Dropdown to switch between live / local
    • Dropdown to switch resolutions
    • Button: playback restart
  • Add Legend screen with a key, statement, and link

Players

  • Data
    • Use Feed data to build GameObjects and display in "Universe"
    • Ensure players aren't added twice with new feed data
    • Add player stats to API
    • Get player stats json data from server 👈
    • Populate zoomed-in UI display 👈
  • Movement
    • Create player (physics controlled) floating movement (Jellyfish?)
  • Actions (controlled from code) that visualize different event types on playback @jdietrick let's go through one last time and check these off
    • 👆 Stream - Click
      • Player movement: Pop_Shake_md.anim
      • Sound: Click.ogg
      • Extra effects: expanding concentric rings similar to "radar" effect but with better colors, maybe toned down color
    • 👍 Stream - Like
      • Player movement: Pulses bigger then glows, similar to "light bulb" effect
      • Sound: Like.ogg
      • Extra effects: hearts particle system like trailer?
    • 🧨 Attack - awarded
      • Player movement: ?
      • Sound: Attack.ogg
      • Extra effects: ?
    • 🏆 Badge - awarded (changes depending level)
      • Player movement: accelerates right along the x-axis or concentric circles emanating from player’s icon
      • Sound: Badge.ogg
      • Extra effects: badge animation, drawn like "this icon", use Miguel's icons in leaderboard's feed
    • 🍪 Consumable - found (changes depending type, stat)
      • Player movement: accelerates right along the x-axis or concentric circles emanating from player’s icon
      • Sound: Consumable.ogg
      • Extra effects: consumable animation, drawn like "this icon", use Miguel's icons in leaderboard's feed
    • 😎 Disguise - awarded
    • 🕷️ Tracker - blocked
      • Player movement: ?
      • Sound: Tracker.ogg
      • Extra effects: tracker animation, drawn like "this icon", use Miguel's icons in leaderboard's feed
    • 💥 Battle - In-progress
      • Player movement: "rumble" CSShake little shake
      • Sound: Battle-In-Progress.ogg OR Light battle music (on zoomed in)
      • Extra effects: Rumble animation appears over player (dust clouds or too much?)
    • 💥 Battle - Win
      • Player movement: does a celebratory flip
      • Sound: Battle-Win.ogg
      • Extra effects: Show win screen from game OR tracker animation, drawn like "this icon", use Miguel's icons in leaderboard's feed
    • 💥 Battle - Lost
      • Player movement: Y-value increases +50 px (down on screen)
      • Sound: Battle-Lost.ogg
      • Extra effects: Goes grey or loses opacity
    • 🔢 Leaderboard position changes

Other ideas on movement:

  • CSShake hard shake
  • Rumble glitch GIF, see "this pigeon"

Effects

  • PlayerTrails
    • Create "Nyan Cat" trails (particle system?) (some examples on google)
    • Monster Sprite animation slicing
    • Add monster sprites to follow players ✅
    • Create animation for circular monsters @jdietrick
    • Code new monster following (circular) animation ✅
    • Connect each trail to a product marketing category from streams using colors from the monster gradients 👈
    • Add/remove trails based on streams updates 👈
    • Add/remove monsters from data trail based on streams updates 👈
  • Anaglyph3D
    • Add / test Anaglyph3D shader
  • Marine Snow / Floating stars ✅
    • Use particle system to create small floating objects to give the visual display depth, for example:

Lighting

  • Change project to URP (Universal Render Pipeline)
  • Setup 2D renderer and lights
  • Point lights on GameObjects
  • Light emitters on player trails
  • Environmental lighting @jdietrick are we happy?
  • Changes to lighting depending on time of day @jdietrick we need a visualization of this
  • Add Fog @jdietrick should we do this?
    • Examples 1, 2, 3
  • Add texture to background @jdietrick ?

Delivery

  • Performance - See this reference sheet which covers specifics on all of the below 👈
    • CPU overhead?
    • Draw Calls?
    • Garbage Collection?
    • Bake lighting?
    • UI / Canvas
    • What else?
  • Test Logitech game controller
  • Create documentation
    • Transform this README (using past project as a guide) into a page with
      • Statement
      • Details on the data
      • Tech rider
      • Credits (including "in the collection of" info and names of participants)
      • Add the above to our exhibitions spreadsheet
  • Testing: Platforms / Devices / Resolutions

Notes on the setup of this Unity project