#Videocanvas controls full#
#Videocanvas controls software#
#Videocanvas controls series#

AV&C led the project’s UX/IX design, scientific visualization, illustration and software development. Working under the project leadership of Technomedia, AV&C was part of a world-class team, that also included Tait Towers. At key moments in the choreography, the tracking screens descend to the lobby visitors to engage with them through interactive research stories exploring cognition, sensory perception, decision making, learning and memory, addiction and reward, neural networks, and DNA sequencing.

The floor-to-ceiling white LED canvas flies the viewer through different large-scale visualization models of the brain while kinetic, door-sized high-resolution LCD's track, highlight and visually detail the parts of the brain that relate to the research being introduced. Stories by individual researchers sharing their work in pushing the boundaries of neuroscience are told through broadly accessible interactives that combine narrative text and illustrations, information design, laboratory simulations, and research artifacts. The purpose of the installation is to engage the public, capture their imagination, encourage wonder and reward curiosity by vividly communicating complex brain science and why it matters. Greene Science Center at Columbia University.Ĭonceived by Laura Kurgan and Mark Hansen of the Center for Spatial Research, the piece combines art, science, data, storytelling and information design, and invites visitors to consider the brain from new perspectives and to explore the current research of leading neuroscientists working upstairs in the Mortimer B. The Brain Index is an interactive digital installation in the public lobby of the Renzo Piano-designed Jerome L.

#Videocanvas controls series#

This highly collaborative project was realized in support of ESI Design, as part of our on-going series of architectural scale building artwork and tenant amenities for leading commercial real estate firm Beacon Capital Partners. Our software platform also drives displays located in the elevator vestibules, elegantly presenting building tenants with relevant real time information throughout their workday, including weather forecasts, trending social media topics, and traffic and transit updates for the commute home.

Intermixing elements of curated local video footage, our custom painting simulation software transforms the familiar scenes into a poetic interpretation of human vision, which plays out in an ever changing, evergreen experience.ĪV&C's contributions include a visualization toolkit that allows the creative team to adjust the gestures, pacing and blending of media.

#Videocanvas controls full#

View the full source for this example.Playing out across a 23 foot canvas in this monumental Chicago office lobby, bright colors and gentle movement greet guests entering from the plaza and engage passers-by on North State Street. This is done repeatedly as the video plays, so that frame after frame is processed and displayed with the chroma-key effect. As a result, the final image has the entire green screen area 100% transparent, so that when it's drawn into the destination context in line 13, the result is an overlay onto the static backdrop. The for loop that begins on line 6 scans through the frame's pixels, pulling out the red, green, and blue values for each pixel, and compares the values against predetermined numbers that are used to detect the green screen that will be replaced with the still background image imported from foo.png.Įvery pixel in the frame's image data that is found that is within the parameters that are considered to be part of the green screen has its alpha value replaced with a zero, indicating that the pixel is entirely transparent. Line 4 computes the number of pixels in the image by dividing the total size of the frame's image data by four. This provides raw 32-bit pixel image data we can then manipulate. Line 3 fetches a copy of the raw graphics data for the current frame of video by calling the getImageData() method on the first context. Note that you can pass the video element into the context's drawImage() method to draw the current video frame into the context. In line 2, that frame of video is copied into the graphics context ctx1 of the first canvas, specifying as the height and width the values we previously saved to draw the frame at half size. When this routine is called, the video element is displaying the most recent frame of video data, which looks like this: