Rob Duarte
Beginning Creative Coding with TouchDesigner
updated
I show how to use p5js to talk with a variety of hardware and software using Chataigne to translate between Websockets, MIDI, OSC, and UDP.
00:00 Introduction
00:16 p5js DOM (ws) to pilot (udp)
10:34 p5jplay (ws) to pilot (udp)
12:15 Beatstep (MIDI) to p5js (ws)
20:00 TouchOSC (OSC) to p5js (ws)
26:11 Summary
(This is a video for my "2023 Fall Interactive Art 1: Creative Coding" course at FSU. While I make lots of videos for my courses, they're generally not public. I made this one public for folks interested in Chataigne)
The GitHub repo is here ➡️ github.com/rahji/esp8266_oled_test
OSCdump can be downloaded here, if you're interested➡️github.com/rahji/oscdump
The microcontroller was purchased here➡️aliexpress.us/item/3256805824888360.html
The code can be found here on GitHub: github.com/FSUdigitalmedia/p5play_dolldemo
The GitHub repo: github.com/FSUdigitalmedia/p5play_tilearray_demo
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
This is a collection of screen recordings about Processing that I recovered from courses that I taught over a decade ago. They're each under 5 minutes. Interestingly, I think most/all of the content is still relevant and mostly accurate, so I thought they were worth uploading. Comments about any outdated details are appreciated. Comments about the sound quality are not necessary, thanks. :)
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
This is a collection of screen recordings about Processing that I recovered from courses that I taught over a decade ago. They're each under 5 minutes. Interestingly, I think most/all of the content is still relevant and mostly accurate, so I thought they were worth uploading. Comments about any outdated details are appreciated. Comments about the sound quality are not necessary, thanks. :)
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
This is a collection of screen recordings about Processing that I recovered from courses that I taught over a decade ago. They're each under 5 minutes. Interestingly, I think most/all of the content is still relevant and mostly accurate, so I thought they were worth uploading. Comments about any outdated details are appreciated. Comments about the sound quality are not necessary, thanks. :)
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
This is a collection of screen recordings about Processing that I recovered from courses that I taught over a decade ago. They're each under 5 minutes. Interestingly, I think most/all of the content is still relevant and mostly accurate, so I thought they were worth uploading. Comments about any outdated details are appreciated. Comments about the sound quality are not necessary, thanks. :)
* 001 Animation (1 of 3): Drawing with Loops - youtu.be/fyqzqhY76oA
* 002 Animation (2 of 3): Interactivity using the Mouse and Keyboard - youtu.be/XbO9wnrDRJg
* 003 Animation (3 of 3): Translation Rotation and Scaling - youtu.be/voEXK1Syo-o
* 004 Text (1 of 2): Fonts and Typography - youtu.be/jRBXu22YtCU
* 005 Text (2 of 2): Strings and How to Read from Files or the Web - youtu.be/DoZNEfgkXiI
* 006 Arrays - youtu.be/w3rLHAVAz64
* 007 Arrays of Images - youtu.be/kGsp5Ta-Hww
* 008 Installing Libraries - youtu.be/0EBcppyMq18
* 009 More Shape Stuff and Making Custom Functions - youtu.be/iZyBH7zLN1s
* 010 Switch Statement and "State Machines" - youtu.be/tHvdxw6JNRI
* 011 Parsing Strings (1 of 2): String Methods - youtu.be/9ZF7xFau11I
* 012 Parsing Strings (2 of 2): Splitting and Matching Strings - youtu.be/4Ks-lsY_1yc
* 013 Bitmap Images vs Vector Images - youtu.be/VPp2rEnsl18
* 014 Image Processing with the Pixels Array - youtu.be/J2o7Hrx9Ugs
* 015 Live Video Input - youtu.be/XcWzB2f86cs
* 016 Parsing XML Documents - youtu.be/StYHwSvkVts
* 017 Getting User Keypresses to Appear on the Canvas - youtu.be/rODQS83ZqxM
* 018 MIDI: Using the proMIDI Library - youtu.be/7kS-d9TfMYs
* 019 MIDI: Using the RWMidi Library - youtu.be/wiRB4cEaDI8
* 020 OSC: Using the oscp5 Library- youtu.be/249l690PBQ4
* 021 OSC with the Wiimote and Osculator - youtu.be/--fJF8CESJU
BTW, these were originally recorded as SWF (Flash) movies using Jing. I documented how I was able to convert them to MP4 files here: gist.github.com/rahji/755330bfd36f361bbf7a3ec74f2ceef8
Next steps would be for you to find out more about Markdown. Then Git/GitHub, and eventually Jekyll - which is the software that GitHub Pages uses behind the scenes.
Source code: github.com/FSUdigitalmedia/p5js_stagesdemo
Source code: github.com/FSUdigitalmedia/p5js_objectsdemo
In this video, I tear down the oven to see what the insides look like. Enjoy.
My starting point is the information at addictivenoise.com. I made some tweaks to Jan's info on that website, including a couple shortcuts and using one of the unused opamps to drive the LED used in the DIY vactrol.
The PCB can be purchased from Ali Express here: http://bit.ly/3cnvag2 . The panel can be ordered OSHpark here: oshpark.com/shared_projects/v1CKNV5j (you'll get 3 for that price) or from Pusherman: pushermanproductions.com/product/karaoke-reverb-panel
Some other references:
waveformmagazine.com/waveform-delay-waveform-diy-project-1-1
todbot.com/blog/2020/10/02/eurorack-diversion-pt2399-karaoke-delay-module-hack
addictivenoise.com/projects
synthanatomy.com/2018/04/diy-makes-possible-eurorack-delay-fx-module-less-15.html
PS - if you want an image showing a labeled view of the 2 traces that I cut in the video, here it is: dropbox.com/s/gi8d83enuwekh5j/tracestocut_shared.png?dl=0


