The team had the idea of proving how Bayer’s new product TriVolt works by actually applying it in a number of fields and filming the results with a timelapse camera. My job was to take those still images and translate them to the web.
Together we made a website that takes the images uploaded in real time from the cameras in the field and uploads them to the server and displays them in a live timelapse during the growing season. Now the website lives on as a place to view the final Timelapse, and other content around the campaign.
For this project I scripted a custom Javascript library to display, control, and play image sequences, along with a server-side PHP script to manage downloading the images from the cloud as the camera system updated the storage container. The base website runs WordPress, but the scripts use plain JavaScript along with Babel to ease the formatting.
Update! We won multiple Effies for this project and campaign.