Ted Davis is a media artist / designer / educator originally from the United States and based in Basel, Switzerland. Since 2010 he teaches interaction design and coordinates the UIC/HGK International Master of Design program within the Institute Digital Communication Environments IDCE, Basel Academy of Art and Design HGK FHNW. His work and teachings explore the volatility of digital media through glitch and reactivating older ‘new media’ through newer programming means. His open source projects (basil.js, XYscope, P5LIVE, p5.glitch) enable designers to program within Adobe InDesign, render vector graphics on vector displays, collaboratively live code visuals with p5.js, and glitch any media in real-time within the web browser. In 2019, he was a p5.js Contributing Conference participant, joining a working group focused on Music and Code in Performance. In 2021 he received the Basel Media Art Prize (Basler Medienkunstpreis) for p5.glitch and was a Processing Foundation Teaching Fellow. In 2024 he was awarded a Swiss Design Award in Media & Interaction Design for P5LIVE. With international exhibits, lectures and workshops, he empowers students to take hold of the computer’s ability to design possibilities beyond that of the hand or mouse.

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



7 _ WORKSHOP: Basel, IDCE HGK FHNW Summer Workshops » Generative Design



7 _ PERFORMANCE: Basel, Sour Code @ WURM » P5LIVE x Mark Lando

6 _ PUBLICATION: Basel Dialogues: the new critical publication series of the HGK Basel

6 _ EXHIBIT: Basel, Swiss Design Awards » P5LIVE

5 _ TALK: Basel, North Eastern at HGK » Selection of works

4 _ WORKSHOP: Chicago, University of Chicago MAAD » Live-coding Glitch

1 _ PERFORMANCE: Basel, Eikones Operational TV Farewell » Live-Coding CCTV

1 _ PERFORMANCE: Zürich, Cabaret Voltaire, live coding » HY5LIVE x Anselm Weber


11 _ PERFORMANCE: x BuchBasel » Live-Coding

11 _ PERFORMANCE: Basel Codes Day BCD23 » HY5LIVE x Felix Roos (Strudel)

11 _ WORKSHOP: Basel Codes Day BCD23 » HY5LIVE

11 _ TALK: Basel Codes Day BCD23 » HY5LIVE

11 _ TALK: Virtual, CSUChico » MDes info + selection of works

10 _ WORKSHOP: Luzern, Weltformat Festival » Generative AR Poster

10 _ PUBLICATION: AICA Schreiben über Kunst » AR Drawings + Code + Website



7 _ WORKSHOP: Basel, IDCE HGK FHNW Summer Workshops » Generative Design

6 _ TALK: Basel, North Eastern at HGK » Selection of works

5 _ TALK: Zürich, ZHdK CAS Coding for the Arts » Selection of works

5 _ EXHIBIT: Basel, BYOB @ HEK » p5.glitch


4 _ WORKSHOP: Utrecht, ICLC 2023 » P5LIVE

4 _ PERFORMANCE: Utrecht, ICLC 2023 » P5LIVE COCODING w/ Sabrina Verhage

2 _ WORKSHOP: Basel, IDCE HGK FHNW Winter Workshops, Generative AR Posters w/ Martin Golombek


7 _ TALK: Nevers, NØ SCHOOL » Selection of works


6 _ PUBLICATION: AIGA CDP: Creative, Live, and Co-Coding » Interview


5 _ TALK: Basel, Northeastern in Basel » CREAT[L]IVE CODING

5 _ TALK: MA/MFA/MDES Alumni » PechaKucha

4 _ WORKSHOP: Virtual, The Glasgow School of Art » P5LIVE + COCODING Classroom

4 _ TALK: Virtual, CAAD American University of Sharjah » CREAT[L]IVE CODING

3 _ PUBLICATION: Graphic Design in the Post-Digital Age » Interview

1 _ WORKSHOP: Virtual, CCFest 22 » p5.js COCODING + Classroom

1 _ WORKSHOP: Basel, IDCE HGK FHNW Winter Workshops, Creative Coding » basil.js


12 _ TALK: PCD@COIMBRA 2021, Keynote Session » CREAT[L]IVE CODING

11 _ AWARD: Winner, Basler Medienkunstpreis (Media Art Prize) 2021 » p5.glitch

11 _ TALK: Bits and Atoms, ZHdK Interaction » Insight to creative coding projects

11 _ PERFORMANCE: PCD21 » sound & live coding

11 _ WORKSHOP: PCD21 » p5.glitch & live coding

8 _ WORKSHOP: Virtual, CCFest 21 » P5LIVE for teaching code remotely


7 _ FELLOWSHIP: Processing Foundation 2021 Teaching Fellowship » P5LIVE Walkthrough

6 _ TALK: Virtual, HMCT Art Center, SPRING AHEAD: SHAPING TYPOGRAPHY » if(code && typography) projects

3 _ TALK: Virtual, BROWSERFEST2021 » Artist/jury talk on projects

3 _ WORKSHOP: Virtual, HeK » Creative Coding Glitch

3 _ EXHIBIT: Virtual, Net Works @ HeK » GLITCH.ext

3 _ WORKSHOP: Virtual, Interactive Workshop Week » Creat[l]ive Coding

3 _ EXHIBIT: Langenthal, Kunsthaus Langenthal, H.o.Me. – Heim für obsolete Medien » OscillBody

1 _ TALK: Virtual, Learning To Teach Creative Technologies Remotely » P5LIVE for learning code remotely


10 _ WORKSHOP: Virtual, Processing Community Day (PCD) » P5LIVE + p5.js basics

10 _ SCREENING: Virtual, Vectorhack Festival 2020 » OscillLines

10 _ TALK: Virtual, Vectorhack Festival 2020 » Affordances of Affordable Digital to Analog Conversion

9 _ ACTION: Lausanne, ECAL @ BA MID » jury

4 _ TALK: Virtual, ZHdK Interaction Design FIBI Lecture Series » Recent Works

4 _ TALK: Virtual, Duke University Co-Lab » P5LIVE

2 _ PERFORMANCE: Virtual, p5.js 1.0 Release Party X PCD LA » Remotely COCODING live music + visuals w/ P5LIVE

2 _ PERFORMANCE: Bourogne, ESPACE MULTIMÉDIA GANTNER » PD5Live, Livecoding Music + Visuals w/ Dasha Ilina

2 _ WORKSHOP: Chicago, UIC » basil.js

1 _ WORKSHOP: The Hague, Royal Academy of Art (KABK) Tech Week 2020 » XYscope

1 _ PERFORMANCE: Basel, HGK Museums Night » Livecoding P5LIVE w/ Alain Brusch + Aubrey Pohl


11 _ EXHIBIT: Weil Am Rhein, Städtische Galerie Stapflehus » Regionale 20

11 _ CURATION: Freiburg, E-WERK Galerie für Gegenwartkunst » Regionale 20 w/ Heidi Brunnschweiler

11 _ TALK: Lausanne, ECAL » New + Newer Media : XYscope

11 _ WORKSHOP: Lausanne, ECAL » XYscope

10 _ PERFORMANCE: Basel, Live-Coding w/ P5LIVE + Synths

10 _ WORKSHOP: Luzern, WELTFORMAT Festival » basil.js

9 _ EXHIBIT: Luzern, WELTFORMAT Festival » Designing Tools

9 _ TALK: Luzern, WELTFORMAT Festival » Using + Misusing Tools

8 _ ACTION: Pittsburg, p5.js Contributors Conference » Performance + Music w/ Code (P5LIVE)

7 _ EXHIBIT: Loutraki, TILT PLATFORM » youtube.pawgorithm


7 _ WORKSHOP: Basel, Time: Designed @ IVK HGK » w/ Gregory Vines

6 _ TALK: Kaohsiung, NKNU » Presentation of custom software and media works.

6 _ TALK: Taipei, NTNU » Presentation of custom software and media works.

6 _ WORKSHOP: Taipei, NTNU » Simplicity + Complexity w/ Prof. Michael Renner

6 _ EXHIBIT: Taipei, NTNU » Basel In Taipei, Swiss Design Exhibit.

5 _ WORKSHOP: Geneva, Mapping Festival 2019 » P5LIVE

5 _ TALK: Karlsruhe, HfG » CREAT{L}IVE CODING

5 _ WORKSHOP: Karlsruhe, HfG » basil.js

4 _ TALK: Rochester, RIT » "From the Critique of Language to the Critique of Images and Media." w/ Prof. Michael Renner

4 _ TALK: Boston, Northeastern » "From the Critique of Language to the Critique of Images and Media." w/ Prof. Michael Renner

4 _ TALK: Cincinnati, UC » "From the Critique of Language to the Critique of Images and Media." w/ Prof. Michael Renner

4 _ TALK: Chicago, Design Migrations: Circuits of Graphic Exchange between CH, US, and Beyond

4 _ WORKSHOP: Chicago, UIC » Digital Debris w/ Pouya Ahmadi

3 _ TALK: Warsaw, Interactive Week 2019 @ PJAIT » CREAT{L}IVE CODING

3 _ WORKSHOP: Warsaw, Interactive Week 2019 @ PJAIT » basil.js: Generative Receipts

2 _ EXHIBIT: South Bend, Performing Media @ Indiana University South Bend » OscillWalker

2 _ WORKSHOP: Basel, Processing Community Day (PCD) @ HGK » XYscope

2 _ TALK: Basel, Processing Community Day (PCD) @ HeK » XYscope


11 _ CURATION: Freiburg, E-WERK Galerie für Gegenwartkunst » Regionale 19 w/ Heidi Brunnschweiler

11 _ TALK: Dublin, MOTYF 2018 @ dlr LexIcon » Expanded Typography

11 _ WORKSHOP: Dublin, MOTYF 2018 @ IADT Dun Laoghaire » Kinectype: Typography by Gesture

10 _ EXHIBIT: Athens, Athens Biennale » youtube.pawgorithm

10 _ EXHIBIT: Basel, Lücke @ Hebel_121 » MidiWalker + Leesuhzhoo

10 _ EXHIBIT: Weisbaden, Kunsthaus Weisbasen, Out of Shape » OscillWalker

10 _ PERFORMANCE: Ljubljana, Vector Hack Festival » XYscope

10 _ TALK: Zagreb, Vector Hack Festival » XYscope

10 _ EXHIBIT: Zagreb, Vector Hack Festival » XYscope Works

8 _ TALK: Sonoma State University, CVM Symposium 2018 on Visual Music » XYscope

7 _ WORKSHOP: San Francisco, The Gray Area Festival » Processing Oscilloscopes with XYscope

7 _ WORKSHOP: Basel, Time: Designed @ IVK HGK » w/ Gregory Vines

5 _ ACTION: Basel, Internet Yami-Ichi @ HeK » POST_PASTE : thermal printed latest clipboards

5 _ WORKSHOP: Geneva, Mapping Festival » Processing Oscilloscopes with XYscope

4 _ WORKSHOP: Basel, BonjourCode @ Bonjour Baby » Mobile phone gyro sensor for websites

4 _ EXHIBIT: Freiburg, Lücke @ Kunsthaus L6 » youtube.pawgorithm

4 _ TALK: Schaffhausen, Lücke @ Vebikus Kunsthalle » Exhibiting Group Artists Talk

3 _ PERFORMANCE: Paris, RE:FRAG @ ESPACE EN COURS » oscilloscope/modular performance w/ RYBN

3 _ TALK: Paris, RE:FRAG @ ESPACE EN COURS » Glitch tools + XYscope

2 _ EXHIBIT: Schaffhausen, Lücke @ Vebikus Kunsthalle » OscillDraw_NotRecognized (pencil/line/square/circle)


12 _ TALK: Freiburg, REGIONALE 18 @ E-WERK » Artist Talk w/ Astrid + Ephraim Wegner

11 _ EXHIBIT: Basel, REGIONALE 18 @ HeK » OscillDraw_NotRecognized (angel/dragon/flying_saucer/mermaid)

11 _ EXHIBIT: Freiburg, REGIONALE 18 @ E-WERK » OscillBody + OscillType

11 _ EXHIBIT: Freiburg, REGIONALE 18 @ L6 » FORMBIT 03

11 _ ACTION: Brugg, Tag der Forschung @ FHNW » basil.js, book publishing w/ big data

11 _ ACTION: Langenthal, 25 Years @ Kunsthaus Langenthal » thermal photobooth w/ mapping on balloons

11 _ ACTION: Basel, NERDYARD @ Markthalle » oscilloscope + thermal photobooth

10 _ EXHIBIT: Winterthur, Jungkunst » youtube.pawgorithm + OscillDraw

9 _ EXHIBIT: Seoul, Typojanchi Biennale » OscillBody + OscillType + Kinectype

9 _ TALK: Seoul, Typojanchi Biennale » New + Newer Media: Alternative Outputs

8 _ PERFORMANCE: Basel, display this play @ DOCK » OscillAction, Oscilloscope + Bass performance w/ Paul Scheruebel

8 _ EXHIBIT: Basel, display this play @ DOCK » OscillDraw_hamburger

7 _ WORKSHOP: San Francisco, The Mix @ SFPL » New + Newer Media workshop with teens

7 _ WORKSHOP: Basel, Time: Designed @ IVK HGK » w/ Gregory Vines

5 _ WORKSHOP: Luzern, Processing Textiles @ HSLU » Generative design with Processing on loom

4 _ ACTION: Basel, Internet Yami-Ichi @ HeK » w3b_scr0llz : internet thermal printed by the meter

4 _ TALK: Chicago, Practice Maneuvers @ UIC School of Design, Panel discussion on defining design practices


12 _ TALK: Luzern, MA Design Talks @ HSLU » Presentation of works

11 _ PERFORMANCE: Greenwich, Sound-Image Conference @ University of Greenwich » wellewellew generative A/V performance

10 _ WORKSHOP: Seoul, Typojanchi Pre-Biennale » Kinetic Typography by Gesture

9 _ WORKSHOP: Basel, Ein Tag der Typografie » Intro to basil.js

7 _ WORKSHOP: Basel, Time: Designed @ IVK HGK » w/ Gregory Vines

5 _ WORKSHOP: Seoul, PaTI, Paju Typography Institute » basil.js generative design

4 _ EXHIBIT: Basel, Digital Abstraktion @ HeK » TXT2IMG

1 _ WORKSHOP: Bremen, Audiovisuality » Processing Input, w/ Stefanie Bräuer

1 _ EXHIBIT: Zürich, LUDICIOUS » POS D-A-S-H Video Game Installation


11 _ EXHIBIT: Basel, REGIONALE 16 @ Kunstraum Florenz » FORMBIT 02, A/V Interactive Interaction

6 _ EXHIBIT: AT/CH/DE, 100-Beste-Plakate » NEW + NEWER MEDIA poster

5 _ RESIDENCY: Zürich, Immersive Lab @ ICST, Zhdk » Developed A/V work FORMBIT,

5 _ WORKSHOP: Basel, Glitch @ HeK » Intro to Glitch

5 _ SCREENING: Basel, Glitch Film @ HeK » Co-curated short film program with Alexandra Adler

4 _ TALK: Chicago, Design Colloquium @ UIC » Presentation of MFA thesis and recent works

3 _ TALK: Paris, reFrag:glitch » glitchclass teaching highlights + tools to counteract OS X glitch censor


12 _ WORKSHOP: Rio de Janeiro, swissnex » Intro to Glitch Workshop

12 _ EXHIBIT: Rio de Janeiro, swissnex » Thermal Photobooth V.03

8 _ ACTION: Zürich, EMEX 2014 » Thermal Photobooth V.01

6 _ TALK: Crete, DUXU @ HCII 2014 » "Interfacing CBIR: Designing Interactive Widgets [...] in Face Image Retrieval"

5 _ ACTION: Karlsruhe, appartaward @ ZKM » jury member


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]


2020 -> // p5.js library for glitching images and binary files.

2018 // simple .ttf font viewer, designed for live preview of your .ttf file while you glitch them.

2015 // simple jpg viewer, specifically for os x 10.10+, because apple started censoring jpg glitches.

2015 -> // bites through bytes for reverse engineering + glitching any format!

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.

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.

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

2011 // Video demo of TEXT2IMAGE iOS App
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.

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.

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

2008 // An exploration of byte swapping.

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

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

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

visuals + creative coding

2024 -> // HY5LIVE is a minimal live-coding editor to showcase HY5 which bridges the gap between hydra-synth and p5.js, containing a suite of functions for sharing visuals between both frameworks (hydra » p5 || p5 » hydra), while enabling global-mode code within both!

2024 -> // HY5 is a live-coding JS library, which bridges the gap between hydra-synth and p5.js, containing a suite of functions for sharing visuals between both frameworks (hydra » p5 || p5 » hydra), while enabling global-mode code within both!

2021 -> // A repository and sandbox to explore oscillations for p5.js and beyond!

2019 -> // P5LIVE is an open-source tool, designed for collaborative and performative live coding with p5.js. The COCODING feature enables peer-to-peer writing of code, syncing visual output between connected parties. Initially created for VJ'ing at our own Processing Community Day in Basel.

2017 -> // XYScope is a library for Processing to render graphics on a vector display (oscilloscope, laser) by converting them to audio.

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.

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

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.

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

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

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.

2012 // Video demo of confaBOT iOS App

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.

2014 // work to help find ultrashort videos on youtube.

2012 // 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.

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

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

2014 // Now closing windows with 10% more speed!

analog media

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.

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

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

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.

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.

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.

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.


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.

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.

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.

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


2014 // Quick investigation with Processing, Isadora and Syphon to try and mimic the stargate sequence of space odyssey 2001. meets kidsitting
2014 // more than just a website, fulfills all of your entertainment needs!

2014 // Adding an audiofeedback mode to Thermal Photobooth Installation v.01.


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–> // Video demonstration of the live version of TEXT2IMAGE, reprogrammed using openFrameworks. Currently in development.

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...

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 and for getting the programming ball on this one rolling.


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

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.

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.

the past years have been filled with many additional explorations for courses and workshops. hopefully this section will get some long overdue love and updates in the near future.

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.

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.

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

2019 // exploring generative design + creative-coding + custom tools using p5.js via P5LIVE.

2020 // Recoding computer pioneer works as inspiration for audio-reactive visuals. Coded with p5.js via P5LIVE.

2019 // Recoding computer pioneer works as inspiration for audio-reactive visuals. Coded with p5.js via P5LIVE.

2019 // Recoding computer pioneer works as inspiration for audio-reactive visuals. Coded with p5.js via P5LIVE.

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.

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

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

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

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.

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

mdes program coordination

ted's [world famous] tour
2012 –> // 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 Basel website
2018 –> // Redesigned website for MDes Basel International Master of Design program. Unique landing page with mouse/phone sensitive design. Created together with Kambiz Shafei.


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?