SAGE2: SAGE2_BlockStreamingApp

Draw function, draws each blocks

• date <Date>

  current time from the server

Handles event processing for the app

• eventType <String>

  the type of event

• position <Object>

  contains the x and y positions of the event

• user_id <Object>

  data about the user who triggered the event

• data <Object>

  object containing extra data about the event,

• date <Date>

  current time from the server

Loads the app from a previous state and initializes the buffers and textures

Loads the shaders files from the server and creates the shaders

• vertFile <String>

  filename of the vertex shader

• fragFile <String>

  filename of the fragment shader

• callback <Function>

  to be executed when shaders are loaded

Init method, creates an 'canvas' tag in the DOM and setups up WebGL

• data <Object>

  contains initialization values (id, width, height, ...)

Initializes the GL buffers for the blocks of pixel

Gets a WebGL context from the canvas

Loads the yuv2rgb shaders

• callback <Function>

  to be executed when shaders are loaded

Initializes the GL textures for the blocks of pixel

After move, show the canvas and update the coordinate system (resizeCanvas)

• date <Date>

  current time from the server

After resize, show the canvas and update the coordinate system (resizeCanvas)

• date <Date>

  current time from the server

Resize the canvas in local (client) coordinates, never bigger than the local screen

Reset valid blocks to false

When a move starts, hide the canvas

• date <Date>

  current time from the server

When a resize starts, hide the canvas

• date <Date>

  current time from the server

Sets a block of pixels into a buffer

• blockIdx <Number>

  index to the block

• yuvBuffer <Object>

  pixel data

Update the textures with the new pixel data