Jp Gary

Jean-Pierre Gary (Jp Gary) is an award winning Engineer Manager. He has over 17 years of experience working in technology across both Product and Agency. His work includes Websites, Phone apps, Interactive 360 Videos, Augmented Reality Apps, and Interactive Installations.

Resume.pdf
jpg
  • Gaze Away AR Blur

    Using Augmented Reality to detect eye direction.

  • CSS Grid Sprite Sheet Matrix

    A css grid demo to test performance of using sprite sheets to animate short sequences, compared to video and canvas.

  • Photo Abstraction

    Convert a photograph into an abstract work.

  • WebGL Columns in foggy environment

    A concept to illustrate all the lynchings in America for the EJI site. Clicking on a column would showcase a close up. Users could also zoom out to view the entire map. The idea here was to align with the presentation of the Lynching Memorial in Montgomery.

  • WebGL Bats with Highlight

    On click, brings a highlight point into focus and generates 'soundwaves'. Uses a 3d Bat Object file.

  • WebGL Soundwave Particles

    On click, animate randomly waves in 3d space from placed particles.

  • Photosphere Constellations

    Star data mapped into a 3d photosphere, constellations on click.

  • Webgl shader distorting rectangles into waves irregular

  • Webgl shader distorting rectangles into waves

    With mouse movement.

  • Webgl shader distorting rectangles into waves

  • Webgl Shaders for Spotify YIM

    Click to twitch.

  • Webgl Shaders (gradient background and a duotone transform on image)

    Tap to switch seamlessly on both mobile/desktop.

  • Pixel sort test (canvas 2d)

    Transition test.

  • Pixel sort test (canvas 2d)

    Transition test.

  • SVG Delaunay Voronoi

    Just an interactive background of polygons pushing and pulling each other. As a user rolls over the polygons expand and contract accordingly.

  • Responsify

    The 'is it responsive?' button for your website

  • WebGL 3D Google Nexus

    As a user scrolls the page the nexus phone model rotates providing different angles of view of the product. One seamless presentation of the product. Limited to specific resolutions.

  • Webgl Weather Visualization

    An experimental project that evolved around visualizing the dramatic effects of weather of time. These experiments were primairly in WebGL but also in D3 and analyized rainfall data and how it has changed over history. It was meant to showase how Climate Change has polariaed a lot of areas.

  • Pope Trend Tracker

    A quick project to try and guess the next pope by data mining Twitter search with over a 100 potential cardinal names. Results were graphed out in D3, used some basic php to create a DB and cron jobs.

  • HTML 5 Canvas Balls

    Physics simulation of balls popping and growing, they also cluster around the mouse as it moves (runs nicely on iPad!).

  • Youtube Live like meter

    Combination of the youtube api and html5 canvas, with ember.js framework.

  • HTML5 video scrubber

    a proof of concept for scrubbing video in html5, quickly and efficently. Uses jplayer.

  • Video Voices

    Small microsite for a non-profit company to demonstrate how one can donate to a non-profit by letting them post to the user's facebook wall. I built the entire front-end and backend, worked with one designer.

  • Scratchy Stroke

    flash scratch pad using curves, blending, and artifacting. later used for an American Horror FX microsite.

  • Multi video Grid of Dancers

    Creative pitch for converse and target, to build out a wall of user submitted dancing videos sliced (tops and bottoms can be mixed and matched).

  • Flash Dynamic Face smudge

    flash demo for BBC where a user would be able to touch anywhere to trigger interactive points, as well as having the mouse distort the user's face.

  • Att panorama

    a flash panorama of their new infuse phone where the user selects a door to watch a video.

  • Zoomable Grid

    A slide presentation type choose your adventure concept with the user able to pick their next slide (to be changed to video), can also zoom out to view all the paths.

  • Fair Tweet demo

    mobile friendly css font tweet page that fills up the remaining spaces available for fair tweet awareness, made for ben and jerry's fairtweet awareness campaign in 2011.

  • XX private concert

    Pitch for the band XX done in partnership with WK (NYC). We shot film at WK's office keyed it out and created a multilayered video webcam experience with biaurial sound and facial detection.

  • Noisey UI demo

    developed this UI demo in working closely with creative to execute the proper feel and functionality of the noisey.com site.

  • Noise site demo

    a combination of jQuery, and Flash to create a streamlined motion filled interface.

  • Noise nav demo

    an example of one flash file with multiple params and options.

  • Asymetrical image row

    jQuery sliding, expanding, rows of unevenly sized thumbnails. As browser size expands and contracts more content is displayed or removed.

  • Vitamin Water zero ads

    a series of vitaminwater ads that had more than double the coke average statistic of interactivity in banner ads.

  • Cover Flow

    A papervision 3D coverflow engine. Pulls information in through an xml file and can be easily modified by flash var parameters, I made a custom tween class to animate with the render of the papervision libraries.

  • Layered 3D collage

    Part of the initial concepts for the branding of Thompson Hotels new site. I wanted to create a dimensional environment from their very flat layered posters.

  • 3d Curved Wall

    flash 10 player study

  • Circular Navigation

    dynamic xml driven flash navigation element everything builds off of the circle

  • vitamin water NCAA fan bracket

    Facebook flash app revolving around the NCAA Final Four Tournament. Users vote on their team they like each round teams are eliminated if they have the least fans.

  • Puma facebook app

    Puma papervision 3d flash project

  • Golden Ratio study in design

    Psychology thesis study

About

Jean-Pierre Gary (Jp Gary) is an award winning Engineer Manager. He has over 17 years of experience working in technology across both Product and Agency. His work includes Websites, Phone apps, Interactive 360 Videos, Augmented Reality Apps, and Interactive Installations.

Resume.pdf

Awards

  • Cannes Lions x 2
  • Webbys x 7
  • Awwwards x 3
  • One Show x 2
  • Clio x 1
  • FWA x 10
  • D&AD x 3
  • CA x 2

Skills

  • Javascript, CSS, HTML
  • React, Apollo, GraphQL, Typescript, Styled-Components, Framer, Stylus, Redux, Handlebars, Twig
  • Node.JS, Python, PHP
  • Contentful, Django, Wordpress, Drupal
  • ThreeJS, WebGL, Shaders,
  • Swift

Experience

  • Frame.io
  • Stink Studios
  • Huge
  • Retuers News
  • Stinkdigital
  • Noise Marketing
  • Art Institute of Chicago
  • Clear Channel Radio

Contact

email me
  • All Work
  • Labs
  • Grid
  • StyleGuide