bio

Ted Davis (*1983) is an American artist and designer based in Basel, Switzerland, where he is an interaction design lecturer within the Visual Communication Institute at the Academy of Art and Design FHNW. He holds a BA from California State University Chico and an MFA/MAS from UIC/HGK International Master of Design in Basel. He was design lead for a Swiss National Science Foundation funded project on visual search and interfacing the future of image databases. His own work and teachings focus on design and image making through programming new and newer media, along with embracing the error and glitch while questioning the ideal and mimetic conditions digital media is asked to encompass. Well versed in both web development and motion based textual/visual programming languages, he empowers students to take the computer’s capabilities beyond ready-made packages for design. These topics have been the focus of lectures and workshops given throughout the Americas and Europe.

→ ted [at] teddavis [dot] org
→ download cv/resume pdf

recent activities


2016

Dec, MA Design Talk @ HSLU, Presentation of works

Nov, Sound-Image Conference @ University of Greenwich, wellewellew generative A/V performance

Oct, Typojanchi Pre-Biennale Workshop, Kinetic Typography by Gesture

Sep, Ein Tag der Typografie Workshop, Intro to basil.js

Jul, IVK HGK, Time: Designed Summer Workshop

May, PaTI, Paju Typography Institute, basil.js workshop

Apr, HeK, TEXT2IMAGE in Digital Abstraktionen exhibition

Jan, Bremen, Audiovisuality Workshop w/ Processing Input

Jan, LUDICIOUS, Zürich, POS D-A-S-H Video Game Installation


2015

Nov, REGIONALE 16 @ Kunstraum Florenz, FORMBIT 02, Audio/Visual Interactive Interaction

Jun, 100-Beste-Plakate, NEW + NEWER MEDIA poster winner of 100 Best Posters from Germany, Austria and Switzerland

May, Immersive Lab, Artist in residence to develop an audio/visual work for the Immersive Lab, ICST, Zhdk

May, Glitch Workshop @ HeK, Intro to Glitch Lecture/Workshop

May, Glitch Film Screening @ HeK, Co-curated short film program with Alexandra Adler

Apr, UIC Design Colloquium, Chicago, Presentation of MFA thesis and recent works

Mar, reFrag:glitch, Presentation of glitchclass teaching highlights + tool for reopening OS X censored glitches


2014

Dec, swissnex brazil, Thermal Photobooth Installation V.03 + Intro to Glitch Lecture/Workshop

Aug, EMEX 2014 Zürich, Thermal Photobooth Installation V.01

Jun, HCII 2014 – DUXU, Paper presentation, "Interfacing CBIR: Designing Interactive Widgets to Query Attribute Data in Face Image Retrieval"

May, ZKM Karlsruhe, appartaward jury member.


2013

Sep, SYNTHESIZE!, Presentation w/ Ludwig Zeller, "Generatives Design mit basil.js"

May, Komputer Kultur, Presentation of Recent Works + Visuaudial collaboration w/ Dragica Kahlina

Apr, UIC Design Colloquium, MFA thesis presentation, "Precise Mishandling of the Digital Image Structure"

Apr, UIC/Basel MFA, Workshop w/ Jon Satrom, "Glitching Digital Cameras"


2012

Mar, M0M @ cafehammer, Workshop on Glitch

Dec, GLI.TC/H 2112, Presentation of glitch tools, "Making Glitch Tools"


2011

Nov, School of the Arts, CSU Chico, Artist Talk w/ David Dvorin for "AS_ALICE" visuals

Nov, AIGA, Communication Design Dept., CSU Chico, Presentation of Works

Jul, HCII 2011 – DUXU, Paper presentation, "Precise Mishandling of the Digital Image Structure"

Apr, SGKM 2011, Presentation, "Pushing Pixels through Precise Mishandling"




preface

everythingyoudidhasalreadybeendone
2008 –> // Created after having my ego put in check by learning about the term 'glitch' while embracing that realm. As the name states, everything has been done, you likely just don't know of it. We can therefore only hope to make minor advances upon what already exists.

feedback_x website
2014 –> // Based on the FEEDBACK_X project [sandbox], this website consists of a simplified version, implemented via processing.js + HTML5 + javascript, enabling others to explore and perhaps share this obsession with optical feedback. [meta link]

glitch

TEXT2IMAGE
2009 –> // TEXT2IMAGE is based on exploring the volatility of a digital image by exploiting the fact that on a digital level, all media is speaking the same language [text is audio is movie is image]– the user can enter text of any length, which is transcoded into a JPEG image, revealing an abstract visual for that exact text.

TEXT2IMAGE App
2011–> // A version of TEXT2IMAGE specifically designed for iOS touch usage.

TEXT2IMAGE App Demo
2011 // Video demo of TEXT2IMAGE iOS App

ffd8.org
2012 // Revealing both the surface and structure of the very latest Flickr uploaded image, it allows the user to find and replace all instances of one particular HEX byte, therefore glitching the stream as it comes in.

HEADer_REMIX
2009 –> // HEADer_REMIX reveals the image structure ‘header‘ or instructions of how the digital image is told to render. Through the precise mishandling of this region, the image contents are forced to display according to how the values have been set.

GLITCHED_GL
2013 // An interactive exploit of the OPENGL graphics card buffer.

IMAGE_REMIX
2008 // An exploration of byte swapping.

HEADER_x256
2008 // An exaustive research into the quantization region of the JPEG image header.

GLITCH_GLOSSARY
2012 -> // Beta platform for crowd sourcing a glossary of glitch terms, inspired by GLI.TC/H 2112 threads.

SAMESAMEBUTDIFFERENT
2012 // Spontaneous hack during GLI.TC/H 2112 to enable idea during textual glitch working group.

QUANTIZATION IN MOTION
2014 // Visualizes the effects of pushing key components of JPEG compression (DCT) beyond an ideal state. This results in a stable glitch, making a transparent process opaque and demonstrates the rich set of aesthetics a digital image holds within.

visuals + creative coding

youtube.pawgorithm
2016 // youtube.pawgorithm exists to help one find obscure data within online media platforms. pawgorithm imitates a cat walking across the computer keyboard, providing a random search for a video with less than 100 views and 3 minutes in length.

FORMBIT
2015 // FORMBIT revolves around the interactive translation of a 2-dimensional design from the viewer and its extruded 3-dimensional form. Orbiting at oscillating speed and distance, this modulates 8-16 channels of audio, mapping the luminosity of physical space to a synthesizer’s frequency and amplitude. Part of ICST@ZHdK's Immersive Lab

FORMBIT 02
2015 // FORMBIT 02, is a customized 3 wall projection, 8 channels audio, version of FORMBIT. In this installation a tablet is used for the 2-dimensional design's input. This work has been exhibited in the Kunstraum Florenz Basel as part of REGIONALE 16.

LED FACADE MANOR
2011 // Projection of 51 animations built by further glitching TEXT2IMAGE's for the invite to provide artistic content for MANOR's media facade.

LED FACADE SCHAULAGER
2011 // Projection trailer as part of entire identity for SGKM 2011 media conference held at Schaulager, Basel.

CONFABOT App
2011 -> // confaBOT explores the relationship between text and image by exploiting the excess of metadata [keywords + tags] our digital media and images are annotated with in order to retrieve them in the future. Interacting with an online chatbot, the conversation is paired with relevant images to every sentence said.

CONFABOT App Demo
2012 // Video demo of confaBOT iOS App

CONFABOT Exhibit
2012 // A special two computer interactive installation, exhibited at eikones Basel, as part of an exhibition of word+image. In this constellation, either computer would begin with a chatbot conversation until another user sat down at the other computer. At this point, each would be able to communicate, under the guise of talking with a chatbot.

ULTRASHORTTUBE
2014 // net.art work to help find ultrashort videos on youtube.

CHARCOLLAGE
2012 // net.art work for FA-G online gallery exploring unicode characters in overlapping combinations through the x-y movement of a users mouse to generate new compositions.

HIDEANDDIV
2012 // Generative compositional tool through the simple concept of overlapping html div's being hidden and revealed.

MARQUEE
2010 // Exploitation of kitschy 'marquee' html element, resulting in surprising and fascinating time delay scrolling visual.

CLOSEWINDOW.ORG
2014 // Now closing windows with 10% more speed!

analog media

POS_DASH
2016 // POS D-A-S-H repurposes a mundane check-out register (Point-of-Sale, POS) display, for a dodge game in the spirit of early arcade.

NEW + NEWER MEDIA
2014 // 2014 VIS_COM HGK FHNW LECTURE SERIES NEW + NEWER MEDIA concept, organization and design.

THERMAL_PHOTOBOOTH_wVJ
2014 // Interactive thermal photobooth installation for launch of swissnexbrazil's event space in Rio de Janeiro.

THERMAL FOTOMAT
2012 // Photobooth installation for our institute's open house, transcoding a webcam photo through Processing to output a typophotographic rendering with unicode characters using a thermal (receipt) printer.

WALTER WOLFF
2014 // Plotty Jr. was commissioned to reproduce two ink drawings as an alternative to other printing methods for a limited edition series. A variety of different pens and pencils offered diverse qualities to that of the original drawings.

GLI.TC/H'ED PLOTTER
2012 // Trailer for GLI.TC/H 2112 documenting the analog glitching of an old pen plotter programmed to design a t-shirt entry for the festival.

CAMERA » SERVO » RANDOM
2011 // Visual and audial rhythms created with the use of a webcam atop a servo motor controlled by an Arduino, utilizing varying delays between random movement instructions.

collaboration

BASIL.JS
2012 –> // In collaboration with Benedikt Groß + Ludwig Zeller, basil.js is a library to make programming within Adobe InDesign more accessible to designers. Heavily inspired by Processing + Processing.js, its syntax enables our institute's interactive foundation courses to expand knowledge in this language to all things print.

TAPE IT!
2012 // In collaboration with Stefanie Bräuer, inspired by conversation with Anne Röhl + Martin Golombek, our extensive tape collection was made available to the public for a one day action in KECK Kiosk to produce postcards which were then documented and sent on their way.

Kunstbibliothek Sitterwerk
2013 // In collaboration with Andrea Davis, a week long residence was spent enacting a handful of experiments within the RFID position enabled art library. This involved culminating and parsing a database of book movements since 2010 to reveal previously unknown histories within the collection.

AS_ALICE
2011 // In collaboration with composer David Dvorin and performed by The California E.A.R. Unit, a seven movement music piece was given interactive visuals through the use of timed and MIDI triggered events, enabled with Isadora– a visual programming environment.

oldies but goodies

website 2008–2014
2008–2014 // While today embarrassing in numerous of ways, it's impressive how long this previous site served my needs. Offered as a view into how/where my own work has shifted.

panic attack
2008 // Created as an entry to the online Pixelstorm Award, it helped kick off what would become a growing interest in creative coding.

subway sleepers
2005 – 2006 // A photo series made while living in New York for the summer of 2005. The following year they were Repro printed and wheat pasted to roughly 1:1 human scale for an exhibition at California State University of Chico.

vinyl printmaking
2006 -> // An exploration of combining two obsessions, printmaking + vinyl. Both intaglio and screenprinting techniques were used directly from and on the vinyl record.

in_que
2008 // A short video documentary of the [former] projected number call system at the local inhabitants office of Basel.

2014

starfence_2001
2014 // Quick investigation with Processing, Isadora and Syphon to try and mimic the stargate sequence of space odyssey 2001.

teddavis.org meets kidsitting
2014 // more than just a website, teddavis.org fulfills all of your entertainment needs!

THERMAL PHOTOBOOTH DITHER FEEDBACK AUDIO
2014 // Adding an audiofeedback mode to Thermal Photobooth Installation v.01.

2013

feedback_x audio generator
2013–> // FEEDBACK_X is the working title for an audio/visual performance currently in development. This follows a growing fascination of the endless outputs that optical feedback can produce, particularly when preventing a total feedback washout.

oscilloscope meets keyboard
2013–> // Initial experimentation feeding sound into an oscilloscope for that warm and fuzzy analog glow. Nevertheless, the footage was miraculously glitched while transferring from phone to computer = must be witnessed in person.. not documented?

sf-muni transit mapped
2013 // A map of downtown san francisco is revealed by visualizing real-time sf-muni bus gps coordinates.

2012

TEXT2IMAGE LIVE
2012–> // Video demonstration of the live version of TEXT2IMAGE, reprogrammed using openFrameworks. Currently in development.

oF GLITCH
2012 // While beginning to learn openFrameworks, stumbled across this GPU rendering glitch. Held back from release for fear of the damage it may cause to ones vision...

SHIFTING DIVS
2012 // Based on HIDE+DIV, an automated movement between div's was implemented for an endless generation of animated abstract compositions. Website release pending..

thermal printer in a drawing loop
2012 // First experiments with a thermal printer + processing. just simply draw » ascii text using 4 shades of glyph. huge thanks to undef.ch and georgecostanza.ch for getting the programming ball on this one rolling.

2011

kinect movieman
2011 // Basic experiment playing with Kinect + Isadora + Synapse + Tryplex to use a few key body part points to map and scale videos.

text2image2animation2isadora2organdonation
2011 // Experimenting with short animations produced from TEXT2IMAGE's, they were combined and cut on the fly using Isadora.

videaudible studies
2011 // Experiments in crossing rca/cinch cables of audio and video signals. Fed through a loop pedal, sometimes given high gain, the image becomes audible and the sound becomes visual.

squazenge
2011 // Entry for the International Pixelstorm Award.

scannerator 50000000000
2011 // Analog + Digital machine for demonstrating purposes in teaching a generative design course.

tweaked window
2011 // Finder + Unix functional hack. Technique learned during the workshop DEFAULT_SYSTEMZ by Tom Walsh.

course excerpts

html intensive
2010 –> // A crash course in HTML, CSS and CMS implementation, covering all topics of website creation starting from the first line of markup to FTP'ing it into 'space'. Exercises include a HTML only homage to GeoCities [RIP], CSS typographic compositions and the personalization of a simple CMS to document ones own work [often taught parallel to GLITCH course].

generative design tools
2011 // Through 'creative code' a system is developed in which generative design/imagery can exist [utilizing Processing as a coding environment]. From here an emphasis is placed on trying to get past the generative [unlimited renderings] and into the realm of being a tool. Through customization and interaction by the author/user, this will give the output imagery a wider range of results.

visual programming
2011 –> // As an alternative to text based programming, Isadora, a tool designed for visual programming of performance/stage design, is used for creating interactive rich installations. Often following the same logic of other programming languages, this tool enables one to quickly patch together various sensors/inputs for creating non-linear narrations for the user to experience.

processing + plotters
2012 // In this class an understanding of computational design is gained, aided through the Processing language for a foundation in programming logic and skills. Beyond programming for the screen, an emphasis is placed on using previous 'new media' [pen plotters from the 1980's] as a physical and tangible output of infographic designs.

glitch
2012–> // Looking under the hood of digital images, this course explores how they work and what makes them tick. A workflow of ones own is developed that takes advantages of faults in design software suites, 'precise mishandling' of file formats, or through the embracing of errors in an analog process. Each have the aim of revealing a new surprising aesthetic and further exploring a lineage of results.

basil.js
2013 // This course explores extending Adobe InDesign through programming, made more accessible by the basil.js library. basil.js enables designers to gain a quick grasp on both the complete generative and pushing existing designs in a generative direction. In its last iteration, print-on-demand and date/time were used as influential input components to modify design.

select outputs

LASER LETTERS 2016
2016 // In this course, students learned Processing, while combining audio + typography (w/ libraries Minim + Geomerative) with the final result being output using a mixture of video projection and laser projection.

PLATTFORM GLITCH 2014
2014 // Documentation of Glitch class scaled to a group of 25+ students. Accomplished by individual student Tumblrs, mashed together for group critiques.

GLITCH_CLASS 2014
2014 // Documentation of course entitled ‘APPLYING GLITCH AESTHETICS’, investigating how the glitch could be applied to a particular design brief.

GLITCH_CLASS 2013
2013 // Documentation of exhibiting the course entitled 'EMBRACING ERRORS', opening the realm of glitch up to analog workflows.

GLITCH_CLASS 2012
2012 // Documentation of exhibiting the course entitled 'PRECISE MISHANDLING'.

processing nees app
2011 // An iOS app built around an exercise with 1. year BA students. Beginning with a randomly selected facsimile of Georg Nees Generative Computergraphic works, students had the task of recreating this image in both static and interactive form with Processing.

processing nees app demo
2011 // Video demonstration of P5NEES [processing nees] app, optimized for iOS devices.

processing nees online
2011 // Online version of P5NEES [processing nees], optimized for browser use.

skrollr_abc
2014 // Exploration of browser animations using the skrollr.js library, combined with introduction to HTML for 1st year BA students.

student highlights

[glitch/html – riem ibrahim]
2012 // Focusing on film file formats, great explorations were made that fit the context of material fed in.

[glitch/html – juo-yu chang]
2012 // A fascinating workflow for the PNG format was discovered. A mundane photo of pins on the wall was transformed into a rich urban or desert landscape.

[glitch/html – kate koyama]
2013 // Exploring the iOS camera's recently implemented panoramic function, a variety of situations and experiments tested the output of a closed box system. Discussion as to the validity of this technique as glitch was also made with a Flickr group forum.

[glitch – engy aly]
2013 // Embracing errors, these silk screen implicit imperfections were undoubtedly questioned by our institutes printmaker... in the end, they were deemed 'originals'.

[glitch – jessica campbell]
2013 // A workflow for glitching within design software was discovered and utilized for an applied poster design concept.

[generative tools – Linda Dagli Orti]
2011 // A tool was created for exploring audio visualization, capable of both live performance and vinyl/cd package design, by analyzing an overlay of each/all tracks of an album.

[generative tools – Leila Kuenzer]
2011 // A tool was built to utilize local and/or remote imagery, mixing and collaging the materials in a variety of ways.

[generative tools – Gaëlle Renaudin]
2011 // A tool for typographic poster design, by manipulating the geometric points found when extrapolating type.

[visual programming – Kimberly Paulus]
2011 // A syncro-shifting 2 player game was designed based on the theme of making temperature visible.

[html – Laurent Rueff]
2011 // Going above and beyond the given exercises, some very creative HTML/CSS explorations were made.

[html – Alexandra Kaufmann]
2011 // Took the inputs that were given and created something very nice with it, in particular testing the possibilities of :hover.

[html – Alena Staehlin]
2011 // Clean examples of using CSS for typography.

[html – Safak Korkut]
2011 // Pushing the possibilities of content delivery via CSS.

[html – Martin Golombek]
2011 // A pinch of javascript can go a long ways.

[we love stacey]
2011 // Typographic students, after having used their new CSS knowledge to personalize the simple CMS, StaceyApp, showing their love and excitement for the topic.

mdes program coordination

ted's [world famous] tour
2011 –> // It's no surprise that students flock from all over the world to study design in Basel. It's a lesser known fact, that Ted's Tour plays a great role in that decision... Captured GPS data of the walk was then overlaid on each master students city of origin.

MDES UIC/HGK Basel website
2011 –> // Upon assuming coordination responsibilities for this master program, an initiative was taken to design and implement a website of its own. Processing.js was used to richen the experience for applicants with simple geometric interactions on each page.

documentation

catalogtree infographic workshop
2012 // In organizing an infographic workshop with Catalogtree, aerial photography was needed to document large physical layouts. First testing a quadcopter, helium balloons provided a much smoother flight. Trial and error played a meta-role during this process.




...perhaps you might want to consider turning on javascript to experience the page as intended?