hacking + interaction &&&&MAGIC
workshop: Processing
+ LLM supercharging
︎︎︎
Processing Starting Points:
︎︎︎https://drive.google.com/drive/folders/1EGPaOyPFFdbDCedt7zotk25Z7ihMbGnq?usp=sharing
︎︎︎
![]()
During this class we will be experimenting with the powers of code. You are free to go any direction with Processing and all the tools described above. Do a lot of small experiments! Make seperate saves of all the different things so you can return to them later.
In the Drive link below are a bunch of starting points. You are free to use a starting point and starting messing around from there or go rogue and start with an LLM see if you can generate something that you can use.
Processing Starting Points: ︎︎︎https://drive.google.com/drive/folders/1EGPaOyPFFdbDCedt7zotk25Z7ihMbGnq?usp=sharing
You can also work with the Oracle Processing code:
Download this folder: ︎︎︎ www.rb.gy/w2or8n
TIP: Try to figure out what sub mechanisms are needed for your goal and tackle all of the sub usages one by one so that its easier to know what works and what does not.
What can really help is knowing what each piece of code does and only after that you string a bunch of workings together.
Example: first figure out how it shows an image, then how to measure when you press the space bar, then generate a random number and meusure that.
Once you have all the seperate parts you can string them together to make it change the image when you press a button.
Reference Processing Syntax
In this link you can find all the syntax (the processing language) and simple examples of usage.
Here you can easily look up how a function is used. So this is nice to bookmark and keep at hand while coding.
︎︎︎https://processing.org/reference/
Libraries & Examples
Libraries can expand the functionality of processing and let you do cool things that processing normally can’t do. It can unlock worlds of really powerfull codes so i can really recommend browsing some libraries and checking out the basic examples to see if there is something you can use.
HOW TO INSTALL A LIBRARY
In the Processing app go to Sketch -> Import Library... -> Manage Libraries...
Here you can search for libraries. Select the library you want to install and press Install. You may need to restart Processing after install.
HOW TO FIND EXAMPLES OF A NEW LIBRARY
In the Processing app go to File -> Examples...
Mostly when you install a new library it comes in Contributed Libraries. Here you can find some basic usages of the systems of that library.
Some basic tips to work with the Processing sketch:
︎︎︎ Use // to uncomment(disable) parts of the code to see what changes.
︎︎︎ Use println(“whatever you want to print goes here”); to get insights into how the code works. Change numbers to see what they do in the code.
︎︎︎ If the code gives an error that its missing a library, check how to install a library on the top of this page.
2/2 LLM SUPERCHARGING
TROUBLE SHOOTS & TIPS
Looks like you might be missing a library
In the Processing app go to Sketch -> Import Library... -> Manage Libraries...
Here you can search for libraries. Select the library you want to install and press Install. You may need to restart Processing after install.
Folder set up
A processing code has to be in a folder with the same name as the sketch.
-> your_code (folder op mac)
your_code.pde
->data
Reference Processing Syntax
Are you using the function correctly?
or are you looking for more possibilities?
In this link you can find all the syntax (the processing language) and simple examples of usage.
Here you can easily look up how a function is used. So this is nice to bookmark and keep at hand while coding.
︎︎︎https://processing.org/reference/
Ask a Ai (LLM) to explain or debug
Ai’s have become incredible tools to help with debugging code.
Paste it in with the error message and see what it says.
But also to understand code, paste a code and ask it to explain it.
And now you should be able to run Processing in sublime text using autocomplete.
to run a sketch use “command” + B (for build).
Last time you opened the power of computer >to> hardware. Today we are diving into the power of code! Code, runs many times per second, can repeat simple tasks and go through large databases instantly! Coding is also super powerfull in making unexpected combinatory magic!
︎︎︎ Terug naar de hoofdpaginaworkshop: Processing
+ LLM supercharging
︎︎︎
Processing Starting Points:
︎︎︎https://drive.google.com/drive/folders/1EGPaOyPFFdbDCedt7zotk25Z7ihMbGnq?usp=sharing
︎︎︎
EXPERIMENTATION TIME
During this class we will be experimenting with the powers of code. You are free to go any direction with Processing and all the tools described above. Do a lot of small experiments! Make seperate saves of all the different things so you can return to them later.
In the Drive link below are a bunch of starting points. You are free to use a starting point and starting messing around from there or go rogue and start with an LLM see if you can generate something that you can use.
Processing Starting Points: ︎︎︎https://drive.google.com/drive/folders/1EGPaOyPFFdbDCedt7zotk25Z7ihMbGnq?usp=sharing
You can also work with the Oracle Processing code:
Download this folder: ︎︎︎ www.rb.gy/w2or8n
TIP: Try to figure out what sub mechanisms are needed for your goal and tackle all of the sub usages one by one so that its easier to know what works and what does not.
What can really help is knowing what each piece of code does and only after that you string a bunch of workings together.
Example: first figure out how it shows an image, then how to measure when you press the space bar, then generate a random number and meusure that.
Once you have all the seperate parts you can string them together to make it change the image when you press a button.
1/2 PROCESSING TOOLKIT
Reference Processing Syntax
In this link you can find all the syntax (the processing language) and simple examples of usage. Here you can easily look up how a function is used. So this is nice to bookmark and keep at hand while coding.
︎︎︎https://processing.org/reference/
Libraries & Examples
Libraries can expand the functionality of processing and let you do cool things that processing normally can’t do. It can unlock worlds of really powerfull codes so i can really recommend browsing some libraries and checking out the basic examples to see if there is something you can use. HOW TO INSTALL A LIBRARY
In the Processing app go to Sketch -> Import Library... -> Manage Libraries...
Here you can search for libraries. Select the library you want to install and press Install. You may need to restart Processing after install.
HOW TO FIND EXAMPLES OF A NEW LIBRARY
In the Processing app go to File -> Examples...
Mostly when you install a new library it comes in Contributed Libraries. Here you can find some basic usages of the systems of that library.
Some basic tips to work with the Processing sketch:
︎︎︎ Use // to uncomment(disable) parts of the code to see what changes.
︎︎︎ Use println(“whatever you want to print goes here”); to get insights into how the code works. Change numbers to see what they do in the code.
︎︎︎ If the code gives an error that its missing a library, check how to install a library on the top of this page.
2/2 LLM SUPERCHARGING
LLM (Large Language Model) are Ai’s trained on loads of text. They are extremely powerfull with code. They can help you Sketch very fast and help you quickely get to see some stuff in action, Also they can explain how things work and help you as a tutor. They all are a bit different so sometimes its worth trying different ones.
︎︎︎https://Claude.ai/
Edge browser chat (is called Copilot)
︎︎︎https://www.microsoft.com/nl-nl/edge/download?form=MA13FJ
Hugging Chat - (port different llms):
︎︎︎https://huggingface.co/chat/
Google Gemini:
︎︎︎https://gemini.google.com/app
Ai code editor:
https://www.cursor.com/
TIP: Call it a Processing sketch.
Use English as it is mostly trained on these data sets.
run your own local models (best ethics)
RUN LOCALLY
Lm studio (local llm easy)
Ollama & WebUI (local llm with code support)
Local easy image generation
local Ollama Llm windows
List of LLM’s you can use
Claude:︎︎︎https://Claude.ai/
Edge browser chat (is called Copilot)
︎︎︎https://www.microsoft.com/nl-nl/edge/download?form=MA13FJ
Hugging Chat - (port different llms):
︎︎︎https://huggingface.co/chat/
Google Gemini:
︎︎︎https://gemini.google.com/app
Ai code editor:
https://www.cursor.com/
TIP: Call it a Processing sketch.
Use English as it is mostly trained on these data sets.
run your own local models (best ethics)
RUN LOCALLY
Lm studio (local llm easy)
Ollama & WebUI (local llm with code support)
Local easy image generation
local Ollama Llm windows
TROUBLE SHOOTS & TIPS
Looks like you might be missing a library
In the Processing app go to Sketch -> Import Library... -> Manage Libraries...Here you can search for libraries. Select the library you want to install and press Install. You may need to restart Processing after install.
Folder set up
A processing code has to be in a folder with the same name as the sketch.-> your_code (folder op mac)
your_code.pde
->data
Reference Processing Syntax
Are you using the function correctly? or are you looking for more possibilities?
In this link you can find all the syntax (the processing language) and simple examples of usage.
Here you can easily look up how a function is used. So this is nice to bookmark and keep at hand while coding.
︎︎︎https://processing.org/reference/
Ask a Ai (LLM) to explain or debug
Ai’s have become incredible tools to help with debugging code. Paste it in with the error message and see what it says.
But also to understand code, paste a code and ask it to explain it.
Sublime Text Processing Autocomplete
Sublime text with autocomplete all the known processing language syntax helping you code much faster and not have to memorize all the different syntaxes.- Install Sublime Text: If you haven’t already, download and install Sublime Text on your Mac.
- Install Package Control: Package Control is a package manager for Sublime Text that makes it easy to install plugins. You can install it by following the instructions on this website.
- Install Processing Plugin: Once you have Package Control installed, you can install the Processing plugin. To do this:
- Open Sublime Text.
- Press
Cmd + Shift + Pto open the command palette. - Type
Install Packageand pressEnter. - In the search box that appears, type
Processingand pressEnterto install the Processing plugin.
And now you should be able to run Processing in sublime text using autocomplete.
to run a sketch use “command” + B (for build).
