/Tutorials (37)

24/01/2020: Flipdigits Player: Processing Tutorial

This tutorial introduces you to FLIPDIGITS PLAYER, an algorithm sequencer and a collection of demo animations for a flipdigits display, coded in Processing.

analogue / display / flipdigit / kinect / Ksawery Kirklewski / Processing / tutorial

23/05/2019: Physicalising a Pixel – LED Matrix Display Tutorial / Document 1. Workshop

This past March, CAN joined forces with UAL Creative Computing Institute to present the first in a series of events that examine new forms of cross-disciplinary art and design practice. Entitled Document 1., the event was comprised of a workshop, seminar, and symposium, and took place at UAL’s newly refurbished Camberwell College of Art in London.

Arduino Members Processing Tutorials

Andreas Gysin / arduino / document1 / featured / github / learning / led / matix / Processing / rgb / workshop

08/03/2016: Creative-coding on iOS with C4 – Tutorial

This tutorial will introduce you to creative-coding on iOS with C4, a powerful framework for creating expressive artworks and user experiences. Written entirely in Swift, C4 takes a modern approach to working with animation, gestures and media.

iOS Members Tutorials

c4 / c4framework / code / creative coding / generative / ios / iPad / iPhone / learning

09/04/2015: How to create interactive loops using lenticular animation and GifPop

This tutorial shows you how to write code to create a brief looping animation, using computationally-generated graphics, suitable for both online and lenticular publishing. Then, using the unique GifPop services, you can get your GIFPOPs printed.

Members Tutorials

anigif / animation / Carnegie Mellon / gif / gifpop / Golan Levin / interactive / learning / lenticular / print / Processing / tutorial

22/07/2014: Generative Typography with Processing – Tutorial

Through an inspiring tutorial with 26 code examples Amnon Owed shows you how to use Processing to explore the creative possibilities of generative typography.

Featured Members Processing Tutorials

3d / agents / aggregate drawing / Amnon Owed / code / example / fonts / generative / generative typography / Geomerative / Hemesh / learning / open source / pdf / Processing / reaction diffusion / tutorial / typography / voronoi

14/04/2014: Guide to Projectors for Interactive Installations

Video projectors are one of the most important tools for creators of interactive installations. The information for projectors is available on various websites, but this 2 part guide will focus on their use in production and interactive environments.

Featured Members Tutorials

Blair Neal / crt / dlp / guide / how to / information / installation / lcd / learning / portable / projectors / tutorial / vga

28/12/2013: Introduction to Clojure – Modern dialect of Lisp (Part 1)

Karsten and Ricardo bring you this comprehensive introduction to Clojure and functional programming. From syntaxes, symbols, vars & namespaces to data structures, sequences, recursive processing and destructuring.

Featured Tutorials

Clojure / education programming / functional / functional programming / Java / karsten schmidt / learning clojure / Lisp / Ricardo Sanchez / tutorial

21/11/2013: How to use openFrameworks on the RaspberryPi – Tutorial

The Raspberry Pi is a very exciting low cost computing platform aimed at the educational market. It offers reasonable performance in a small package at a price of $25, making it very attractive for creative computing projects. Here we show you how to run openFrameworks on the Raspberry Pi.

Featured Members openFrameworks Tutorials

Andreas Müller / code / download / github / Jason Van Cleave / learning / openFrameworks / raspberrypi / tutorial

17/10/2013: Creating Instagram Kaleidoscope with Cinder – Tutorial

In this tutorial we will show you how to create an application using Cinder that grabs photos from Instagram to create real-time animated kaleidoscopes. We’ll look at the technical details of the (simplified) version that is now included as a sample with Cinder (0.8.5+).

Cinder Featured Members Tutorials

barbarian group / Cinder / Greg Kepler / images / instagram / kaleidoscopes / learning / mirror / process / tutorial

19/07/2013: How To Craft Your Processing Sketches in Eclipse

Getting your Processing programs up and running in Eclipse and showing you how to take advantage of some of its great features, like code auto-completion, code hints, quick fix, great syntax colour themes, among others.

Members Processing Tutorials

auto completion / coding / eclipse / how to / learning / members / Processing / Ricardo Sanchez / themes / tutorial

21/05/2013: Geometry, Textures & Shaders with Processing – Tutorial

From custom geometry to adding textures to 2D and 3D shapes, Amnon Owed shows you practical examples of a number of crucial building blocks for 2D/3D Processing projects.

Featured Members Processing Tutorials

3d / Amnon Owed / animation / code / examples / geometry / glsl / interactive / learning / opensource / Processing / shapes / textures / tutorial

23/04/2013: Printshop with Processing – Preparing algorithmic content for offset print

Tutorial on how to output algorithmically created graphical ornaments or representations of data in Processing to multiple page documents, ready for offset print with process (CMYK) and spot colors.

CAN Events Processing Resonate Tutorials

Andreas Gysin / canevents / cmyk / Events / generative / offset / press / printing / resonate 2013 / spot colours / tutorial / workshop

18/04/2013: Audio Reactive Mapping with TouchDesigner – Resonate 2013

Three things seem to surround us all the time and in great abundance: data visualization, audio visualization and mapping. The team behind TouchDesigner show you how to do all three things at once.

CAN Events Members Resonate Tutorials

Barry Threw / derivative / Dimitry Napolnov / Events / geometry / Greg Hermanovic / Isabelle Rousset / learning / Markus Heckmann / process / projection / projection mapping / resonate / touchdesigner / tutorial / workshop

10/04/2013: Small, Programmable, Wearable and Cheap – Enjoying the ATTiny85 Tutorial

Wouldn’t it would be nice to have something small, programmable, cheap, and power efficient that could do *some* of what an Arduino can do and had the same easy tools to use with it? Well there is: the ATTiny85!

Arduino Featured Members Tutorials

arduino / ATTiny85 / board / IDE / programming / Raspberry Pi / tutorial / wearable computing

19/02/2013: Guide to Camera Types for Interactive Installations

Choosing the right type of camera for your interactive installation is one of the most important technical choices you can make in your initial planning phases. Making the incorrect choice can really impact how well your installation reacts to its victims and it can also impact its ability to perform robustly in a large amount of environments.

Members Tutorials

camera / depth / depth camera / ideas / infrared / interactive / irda / kinect / learning / Reference / tutorial

08/02/2013: OpenFrameworks for Processing Coders – Video guide by Josh Nimoy

Two part in-progress video guiding the Processing coder through the mental transformation needed to start using OpenFrameworks to create equivalent work.

Members openFrameworks Processing Tutorials

code / Gray Area / josh nimoy / learning / openFrameworks / Processing / techniques

11/01/2013: Integrating native UIKit to your existing OpenFrameworks iOS project

You have been working on an iOS project in OpenFrameworks and you got to a point where the need of adding native UIKit components is essential, well I will try my best to show you how to do just that. Here is what we’ll do.

iOS Members openFrameworks Tutorials

code / development / download / iPad / iPhone / members / openFrameworks / tutorial / UIKit

25/09/2012: The Abyss – Graphics, animation and interaction with Processing [Tutorial]

The Abyss is a 3d space where custom programs (creatures) can be built and released. By creating one or more creatures, this tutorial aims to provide an introduction into graphics, animation, interaction with Processing and expand the boundaries and the variety of the Abyss. Basic creatures just floating their existence away can coexist with more sophisticated ones…

CAN Events Featured Processing Resonate Tutorials

Andreas Gysin / animation / Events / festival / graphics / learning / Processing / resonate / resonate2012 / tutorial / workshop

17/09/2012: Kinect Physics Tutorial for Processing

In this hands-on tutorial I will walk you through the steps needed to turn YOU into an interactive virtual polygon.

Featured Members Processing Tutorials

Amnon Owed / box2d / code / example / interaction / kinect / opensource / physics / Processing / tutorial / webcam

04/08/2012: FaceShift Studio experiments by Kyle McDonald

Sorry, this is Members Only content. Please Log-in. Join us today by becoming a Member. Archive: More than 3,500 project profiles, scores of essays, interviews and reviews.Publish: Post your projects, events, announcements.No Ads: No advertisements, miners, banners.Education: Tutorials (beginners and advanced) with code examples, downloads.Jobs Archive: Find employers who have recruited here in the past…

Members openFrameworks Sound Tutorials

Ableton / capture / face tracking / faceshift / kinect / Kyle McDonald / openFrameworks / osc

17/06/2012: Playing With GLSL in Processing – Initial Experiments [Tutorials]

Members Processing Tutorials

2d / animation / blobs / computational art / controlp5 / creative coding / fragment shader / GLGraphics / glsl / interactive / metaballs / procedural / toxiclibs

12/01/2012: Shaders, Geometry, and the Kinect – Part 1 [Cinder, Tutorials]

c++ Cinder Featured Members Tutorials

c++ / Cinder / glsl / gpu / Joshua Noble / kinect / shaders / shading / Stephen Schieberl

22/12/2011: Augmented Reality with Processing [Tutorial, Processing]

In this tutorial you will learn how to use it to place computer generated imagery correctly onto real world footage.

Featured Members Processing Tutorials

AR / au / Augmented Reality / code / example / examples / GSVideo / NyArtoolkit / opensource / Processing / tutorial

18/12/2011: EYJAFJALLAJÖKULL [vvvv, Events, Environment, Inspiration]

Environment Events Featured Inspiration Members Tutorials vvvv

antivj / cinema4d / drawing / Events / graffiti / installation / Joanie Lemercier / landscape / mapping / onedotzero / projection / volcano / vvvv

09/09/2011: Generative Art In HTML5 [Processing, JavaScript, Tutorial]

Javascript Members Processing Scripts Tutorials

canvas / code / download / draw / generative / html5 / javascript / Processing / tutorial

22/08/2011: Visuals for Sonar Festival + VDMX to Unity3D [Tutorials]

Mac Members Tutorials

festival / music / performance / sonar / Sound / soundflower / tutorial / Unity3D / vdmx / visualizer

07/08/2011: PING! Augmented Pixel [Tutorials, Games]

Games Members Tutorials

ATmega8 / augmented / c++ / camera / Games / hack / hardware / Niklas Roy / tutorial / tv

05/05/2011: Working with Toxiclibs [Processing, Tutorial]

Members Processing Tutorials

code / color / colour / example / opensource / particles / physics / Processing / springs / toxiclibs

27/04/2011: From Processing to the Android Market [Tutorial]

Android Members Processing Tutorials

Android / app / OS / Processing / publish / sell / sketch / store / tutorial

21/03/2011: Guide to Meshes In Cinder [Cinder, Tutorials]

Cinder Members Tutorials

3d / Cinder / code / learning / meshes / polygon / texture / tutorial / vbo / vertex

Flipdigits Player: Processing Tutorial

This tutorial introduces you to FLIPDIGITS PLAYER, an algorithm sequencer and a collection of demo animations for a flipdigits display, coded in Processing.

24/01/2020

Members / Processing / Tutorials

Physicalising a Pixel – LED Matrix Display Tutorial / Document 1. Workshop

23/05/2019

Arduino / Members / Processing / Tutorials

Creative-coding on iOS with C4 – Tutorial

08/03/2016

iOS / Members / Tutorials

How to create interactive loops using lenticular animation and GifPop

09/04/2015

Members / Tutorials

Generative Typography with Processing – Tutorial

Through an inspiring tutorial with 26 code examples Amnon Owed shows you how to use Processing to explore the creative possibilities of generative typography.

22/07/2014

Featured / Members / Processing / Tutorials

Guide to Projectors for Interactive Installations

14/04/2014

Featured / Members / Tutorials

Introduction to Clojure – Modern dialect of Lisp (Part 1)

28/12/2013

Featured / Tutorials

How to use openFrameworks on the RaspberryPi – Tutorial

21/11/2013

Featured / Members / openFrameworks / Tutorials

Creating Instagram Kaleidoscope with Cinder – Tutorial

17/10/2013

Cinder / Featured / Members / Tutorials

How To Craft Your Processing Sketches in Eclipse

19/07/2013

Members / Processing / Tutorials

Geometry, Textures & Shaders with Processing – Tutorial

From custom geometry to adding textures to 2D and 3D shapes, Amnon Owed shows you practical examples of a number of crucial building blocks for 2D/3D Processing projects.

21/05/2013

Featured / Members / Processing / Tutorials

Printshop with Processing – Preparing algorithmic content for offset print

Tutorial on how to output algorithmically created graphical ornaments or representations of data in Processing to multiple page documents, ready for offset print with process (CMYK) and spot colors.

23/04/2013

CAN Events / Processing / Resonate / Tutorials

Audio Reactive Mapping with TouchDesigner – Resonate 2013

Three things seem to surround us all the time and in great abundance: data visualization, audio visualization and mapping. The team behind TouchDesigner show you how to do all three things at once.

18/04/2013

CAN Events / Members / Resonate / Tutorials

Small, Programmable, Wearable and Cheap – Enjoying the ATTiny85 Tutorial

10/04/2013

Arduino / Featured / Members / Tutorials

Guide to Camera Types for Interactive Installations

19/02/2013

Members / Tutorials

OpenFrameworks for Processing Coders – Video guide by Josh Nimoy

Two part in-progress video guiding the Processing coder through the mental transformation needed to start using OpenFrameworks to create equivalent work.

08/02/2013

Members / openFrameworks / Processing / Tutorials

Integrating native UIKit to your existing OpenFrameworks iOS project

11/01/2013

iOS / Members / openFrameworks / Tutorials

The Abyss – Graphics, animation and interaction with Processing [Tutorial]

25/09/2012

CAN Events / Featured / Processing / Resonate / Tutorials

Kinect Physics Tutorial for Processing

In this hands-on tutorial I will walk you through the steps needed to turn YOU into an interactive virtual polygon.

17/09/2012

Featured / Members / Processing / Tutorials

FaceShift Studio experiments by Kyle McDonald

04/08/2012

Members / openFrameworks / Sound / Tutorials

Playing With GLSL in Processing – Initial Experiments [Tutorials]

17/06/2012

Members / Processing / Tutorials

Shaders, Geometry, and the Kinect – Part 1 [Cinder, Tutorials]

12/01/2012

c++ / Cinder / Featured / Members / Tutorials

Augmented Reality with Processing [Tutorial, Processing]

In this tutorial you will learn how to use it to place computer generated imagery correctly onto real world footage.

22/12/2011

Featured / Members / Processing / Tutorials

EYJAFJALLAJÖKULL [vvvv, Events, Environment, Inspiration]

18/12/2011

Environment / Events / Featured / Inspiration / Members / Tutorials / vvvv

Generative Art In HTML5 [Processing, JavaScript, Tutorial]

09/09/2011

Javascript / Members / Processing / Scripts / Tutorials

Visuals for Sonar Festival + VDMX to Unity3D [Tutorials]

22/08/2011

Mac / Members / Tutorials

PING! Augmented Pixel [Tutorials, Games]

07/08/2011

Games / Members / Tutorials

Working with Toxiclibs [Processing, Tutorial]

05/05/2011

Members / Processing / Tutorials

From Processing to the Android Market [Tutorial]

27/04/2011

Android / Members / Processing / Tutorials

Guide to Meshes In Cinder [Cinder, Tutorials]

21/03/2011

Cinder / Members / Tutorials

❮ Flipdigits Player: Processing Tutorial ❯

This tutorial introduces you to FLIPDIGITS PLAYER, an algorithm sequencer and a collection of demo animations for a flipdigits display, coded in Processing.

Category: Members / Processing / Tutorials
Tags: analogue / display / flipdigit / kinect / Ksawery Kirklewski / Processing / tutorial

❮ Physicalising a Pixel – LED Matrix Display Tutorial / Document 1. Workshop ❯

Category: Arduino / Members / Processing / Tutorials
Tags: Andreas Gysin / arduino / document1 / featured / github / learning / led / matix / Processing / rgb / workshop

❮ Creative-coding on iOS with C4 – Tutorial ❯

Category: iOS / Members / Tutorials
Tags: c4 / c4framework / code / creative coding / generative / ios / iPad / iPhone / learning

❮ How to create interactive loops using lenticular animation and GifPop ❯

Category: Members / Tutorials
Tags: anigif / animation / Carnegie Mellon / gif / gifpop / Golan Levin / interactive / learning / lenticular / print / Processing / tutorial

❮ Generative Typography with Processing – Tutorial ❯

Through an inspiring tutorial with 26 code examples Amnon Owed shows you how to use Processing to explore the creative possibilities of generative typography.

Category: Featured / Members / Processing / Tutorials
Tags: 3d / agents / aggregate drawing / Amnon Owed / code / example / fonts / generative / generative typography / Geomerative / Hemesh / learning / open source / pdf / Processing / reaction diffusion / tutorial / typography / voronoi

❮ Guide to Projectors for Interactive Installations ❯

Category: Featured / Members / Tutorials
Tags: Blair Neal / crt / dlp / guide / how to / information / installation / lcd / learning / portable / projectors / tutorial / vga

❮ Introduction to Clojure – Modern dialect of Lisp (Part 1) ❯

Category: Featured / Tutorials
Tags: Clojure / education programming / functional / functional programming / Java / karsten schmidt / learning clojure / Lisp / Ricardo Sanchez / tutorial

❮ How to use openFrameworks on the RaspberryPi – Tutorial ❯

Category: Featured / Members / openFrameworks / Tutorials
Tags: Andreas Müller / code / download / github / Jason Van Cleave / learning / openFrameworks / raspberrypi / tutorial

❮ Creating Instagram Kaleidoscope with Cinder – Tutorial ❯

Category: Cinder / Featured / Members / Tutorials
Tags: barbarian group / Cinder / Greg Kepler / images / instagram / kaleidoscopes / learning / mirror / process / tutorial

❮ How To Craft Your Processing Sketches in Eclipse ❯

Category: Members / Processing / Tutorials
Tags: auto completion / coding / eclipse / how to / learning / members / Processing / Ricardo Sanchez / themes / tutorial

❮ Geometry, Textures & Shaders with Processing – Tutorial ❯

From custom geometry to adding textures to 2D and 3D shapes, Amnon Owed shows you practical examples of a number of crucial building blocks for 2D/3D Processing projects.

Category: Featured / Members / Processing / Tutorials
Tags: 3d / Amnon Owed / animation / code / examples / geometry / glsl / interactive / learning / opensource / Processing / shapes / textures / tutorial

❮ Printshop with Processing – Preparing algorithmic content for offset print ❯

Tutorial on how to output algorithmically created graphical ornaments or representations of data in Processing to multiple page documents, ready for offset print with process (CMYK) and spot colors.

Category: CAN Events / Processing / Resonate / Tutorials
Tags: Andreas Gysin / canevents / cmyk / Events / generative / offset / press / printing / resonate 2013 / spot colours / tutorial / workshop

❮ Audio Reactive Mapping with TouchDesigner – Resonate 2013 ❯

Three things seem to surround us all the time and in great abundance: data visualization, audio visualization and mapping. The team behind TouchDesigner show you how to do all three things at once.

Category: CAN Events / Members / Resonate / Tutorials
Tags: Barry Threw / derivative / Dimitry Napolnov / Events / geometry / Greg Hermanovic / Isabelle Rousset / learning / Markus Heckmann / process / projection / projection mapping / resonate / touchdesigner / tutorial / workshop

❮ Small, Programmable, Wearable and Cheap – Enjoying the ATTiny85 Tutorial ❯

Category: Arduino / Featured / Members / Tutorials
Tags: arduino / ATTiny85 / board / IDE / programming / Raspberry Pi / tutorial / wearable computing

❮ Guide to Camera Types for Interactive Installations ❯

Category: Members / Tutorials
Tags: camera / depth / depth camera / ideas / infrared / interactive / irda / kinect / learning / Reference / tutorial

❮ OpenFrameworks for Processing Coders – Video guide by Josh Nimoy ❯

Two part in-progress video guiding the Processing coder through the mental transformation needed to start using OpenFrameworks to create equivalent work.