A spontaneous Creative Coding meetup in Barcelona
Update 2023-7-11: Wow, I really need to apologize to a few people here, because I unknowingly just took their place. There was already a meetup called Creative Coding Barcelona before my event and with this landing page here I made sure it came up second on Google, which should have caused a lot of confusion. I will now contact the organizers and clarify this. Sorry for the confusion!
https://hangar.org/en/orbitants-ocasionals/creative-coding-barcelona/
https://www.meetup.com/es-ES/creative-coding-barcelona/
When I decided to spend a few months in Barcelona and work from there, I knew it was going to be a very special, adventurous experience. One of the first things I did to get to know new people was an Instagram post in which I presented the idea of organizing a Creative Coding Meetup. In no time I had started a WhatsApp group, which soon had more than 40 people not only looking forward to the event, but actively helping to organize it. Felix Martinez, the technical director of the international design agency B-Reel and by now a good friend, offered directly to let the event take place in the new office of the agency. And so the whole thing turned into two unforgettable evenings with many new contacts, great conversations and tons of inspiration.
As speakers we had great people as guests, among others Lena Weber, who came all the way from Germany, Monica Losada and Henry Rodwell.
Many thanks to all who participated!
KeyVisual
int tilesX = 2;
int tilesY = 2;
float tileW, tileH;
Tile[][] tiles;
float speed = 2;
color C1, C2, C3, C4;
boolean showTypo = false;
PGraphics pg;
PShape typo;
PFont F;
void setup() {
size(1920, 1080);
randomize();
typo = loadShape("typo.svg");
typo.disableStyle();
//pixelDensity(2);
}
void draw() {
background(C1);
fill(C2);
noStroke();
shape(typo, 0, -10, width, width);
for (int x = 0; x < tilesX; x++) {
for (int y = 0; y < tilesY; y++) {
Tile T = tiles[x][y];
float wav = map(tan(radians(frameCount + x*10 + y*10)), -1, 1, -10, 10);
wav = 0;
T.display(wav);
}
}
//if (frameCount % 60 == 0) {
// randomize();
//}
if (showTypo) {
noFill();
strokeWeight(4);
stroke(C2);
shape(typo, 0, -10, width, width);
}
}
void randomize() {
setColorTheme();
tilesX = int(random(1, random(12)));
tilesY = int(random(1, random(12)));
tileW = int(ceil(width / tilesX));
tileH = int(ceil(height / tilesY));
tiles = new Tile[int(tileW)][int(tileH)];
for (int x = 0; x < tilesX; x++) {
for (int y = 0; y < tilesY; y++) {
tiles[x][y] = new Tile(x, y);
}
}
showTypo = !showTypo;
}
void setColorTheme() {
int selector = int(random(2));
switch(selector) {
case 0:
C1 = #F05423;
C2 = #0754A4;
break;
case 1:
C2 = #F05423;
C1 = #0754A4;
break;
}
}
class Tile {
color FG, BG;
int tileSelector;
int imageSelector;
PImage img;
int colorSelector;
float phase;
float x, y;
float offsetX = random(-200, 200);
float offsetY = random(-200, 200);
Tile(int _x, int _y) {
colorSelector = int(random(1, 3));
tileSelector = int(random(1, 5));
imageSelector = int(random(1, 27));
phase = random(360);
x = _x;
y = _y;
FG = C1;
BG = C2;
img = loadImage(imageSelector + ".jpg");
img.resize(2000, 0);
//img.filter(GRAY);
pg = createGraphics(int(ceil(tileW)), int(ceil(tileH)));
pg.imageMode(CENTER);
}
void display(float phase) {
pg.beginDraw();
pg.ellipseMode(CORNER);
pg.clear();
if (tileSelector == 1) {
pg.push();
float wave = tan(radians(frameCount * speed + phase)) * 50;
pg.translate(pg.width/2 + wave + offsetX, pg.height/2 + offsetY);
pg.scale(0.3);
pg.image(img, 0, 0);
pg.pop();
}
if (tileSelector == 2) {
pg.noStroke();
pg.fill(BG);
pg.ellipse(0, 0, tileW, tileW);
}
if (tileSelector == 3) {
pg.push();
float wave = sin(radians(frameCount * speed + phase)) * 500;
pg.translate(pg.width/2 + wave + offsetX, pg.height/2 + offsetY);
pg.image(img, 0, 0);
pg.pop();
}
if (tileSelector == 4) {
pg.noStroke();
pg.fill(BG);
pg.ellipse(0, 0, tileW/2, tileW/2);
}
pg.endDraw();
image(pg, x*tileW + phase, y*tileH);
}
}
Related
Programming Posters at Elisava
In October 2023 I will conduct a seminar at Elisava in Barcelona and I am really looking forward to it. […]
I’ve updated my Mockup Generator
For my students at Elisava, I have updated my mockup generator. Now its possible to load animations in the .gif […]
How I built myself a Digital Garden
It was a red hot day in July 2023 when I met Alex Muñoz for breakfast in the morning at […]
Stream: trustTheProcess(2) – Time in Space
In this livestream from June 22, 2023, I used Processing to develop an interactive, three-dimensional timeline of exemplary historical data […]
New work for the New York Times
Once again, I had the honor of illustrating an article for the New York Times that I myself am very […]
Ksawery Kirklewski on his Symphony in Acid
For me, it’s by far the most inspiring project of the last few years: “Symphony in Acid”, a collaboration between […]
Thoughts on Artificial Intelligence
Photo: Vyběr Socky What a ride! I’m sitting in the room of a luxury hotel in Prague, once again packing […]
A conversation with Francisca Torres / Elisava
In March 2023 I taught for a month at the renowned design school Elisava in Barcelona. This was a unique […]
Monica Losada on Overcoming Interfaces
She is super young, incredibly sympathic and insanely creative. In her work as a graphic designer, she experimentally explores the […]
Workshop “Collision” at Abk Stuttgart
In April 2023 I held a workshop at the AbK Stuttgart, which worked super well and was great fun. I […]
Marcus Aurelius Meditations
Since the beginning of the Corona crisis, I have been more and more interested in the history of ancient philosophy. […]
A conversation with Soyun Park
I met Soyun, a creative technologist from South Korea at a party hosted by Vera van de Seyp in Rotterdam, […]
Stream: Vera Molnar Reconstructed
In February and March 2023 I recorded a three-part live stream series in which I reconstruct selected works by the […]
A conversation with Yannick Gregoire
About a year ago I stumbled upon Yannick Gregoire’s profile on Instagram and was immediately fascinated by his work. Later, […]
Lena Weber on Ambiguous Aesthetics
In this post I’d like to introduce you to Lena Weber, who has helped me tremendously with the translation of […]
Martin Lorenz on the intersection of Creative Coding and Flexible Visual Systems
About two years ago I invited one of my early design heros, Martin Lorenz, for an online talk. Since that […]
DEMO Festival 2022 was a blast
This year I had the honor to be part of the DEMO Festival as a curator. It was a super […]
Key visual for Slate + Ash’s new software instrument
Together with Lena Weber I created the promo video for Slate + Ash’s brand new software synth called Choreographs. The […]
Generative portraits for IBM
Some of you may know that I have a split relationship with Instagram. Still, even though I often find myself […]
Creative Coding as a School of Thought
Our world is changing at a breathtaking pace. Technological progress is continuously leading to significant transformations. It is high time […]
What is Creative Coding?
Note: This article is also available in German language. The world’s largest computer museum in provincial Paderborn sends hundreds of […]
Creative Coding as an Experience
Note: This article is also available in German. In 2014, my friends Lukas Schlaffke, Patrik Hübner and I packed a […]
Building a digital painting studio from scratch with Processing
A few weeks ago I met the German artist Arno Beck, whose work I find absolutely great. Arno is a […]
Workshop at International Assembly
Last week (June 2022) I gave a three-day workshop at International Assembly and it was really really cool. The organization […]
An ode to the Gif
I’m pretty unhappy with the social media we creatives use today. The big platforms give us very convenient tools to […]
Curating the DESIGN IN MOTION Festival 2022
Imagine if the majority of all outdoor displays in public spaces were broadcasting the best of design and moving image […]
A conversation with Yehwan Song
Yehwan Song‘s mindblowing experimental websites move between art and design and consistently break familiar patterns in the interaction and functionality […]
We need a sustainable perspective on life with technology
A short but beautiful text titled The universe gives me everything? on a friends blog made me think of what […]
2021 was my year of liberation
Dear Patreon-community, 2021 started with tremendous challenges. Besides my job as a web developer, where a massive project for an […]
The best programming language for Creative Coding in 2022
Yesterday I got a message from a very nice person named Julia who is interested in my courses, but is […]
I challenged Daniel Shiffman and here’s his response
This year I donated $700 to the Processing Foundation to support people who care about the development of the projects. […]
A mockup-design-tool built with Processing
Mockups can be used to effectively simulate and visualize graphic design applications. i’ve been using this technique for years to […]
Processing Community Day 2021 Recap
It was a sunny day in June 2021 when I got a message from Casey Reas on Instagram asking if […]
“The Infinite Layout Machine” by Michael Kreß
This is the case study of a project by Michael Kreß, a student from one of my courses in the […]
Q&A with Casey Reas
A few months ago I dreamed of talking to Casey Reas, one of the two masterminds behind Processing, about the […]
PCD2021 – Vera van de Seyp
In my perception, Vera plays a key role in the Creative Coding scene. On the one hand, her work is […]
Two Perspectives – Episode 3
Hello friends! Not only from my own experience, but also from years of teaching at different universities, I know how […]
Processing-Tutorial: A Grid of Arcs
In this tutorial, you’ll learn how to create a grid-based, flexible visual system of quarter circles in Processing. I’ll show […]
Processing-Tutorial: Exploring Wave-Figures
In this spontaneous Processing coding-session, I solve one of the assignments from my online course “Bauhaus Coding Workshop” available on […]
Stream: Interactive Grid System
Hey! In this recording of my very first YouTube-livestream i explain how to create an interactive visual system with Processing. […]
The Hidden Benefits of Learning to Code
I have chosen a very focused path for myself in the last few years and have concentrated fully on learning […]
My Story (part 2 – told at Taaalks Conference 2020)
This is a recording of my presentation at the TAAALKS conference. The yearly event covers the intersection of design and […]
New Course: Bauhaus Coding Workshop
I am very happy to be able to publish my new course “Bauhaus Coding Workshop” today! This course is a […]
Learnings from the Bauhaus about Art and Technology
We live in an unbelievable time: never before have there been so many innovations in such a short period of […]
Constants & Variables
A few months ago, Philip Jursch and Dogu Kaya interviewed me for their Master Thesis titled “Constants & Variables” at […]
Processing-Tutorial: Rasterize 3D
In this tutorial I show you how to create abstract 3D portraits from any image file. Here you will learn […]
Processing-Tutorial: Image-Rasterizer
Level: Beginner & intermediate In this tutorial i’ll guide you through all the necessary steps to rasterize an image with […]
Processing-Tutorial: Kinetic Typography 1
In the last years i’ve observed a new tendency in typography and graphic design which has been made possible by […]
My 10 favorite Processing-libraries
So called “libraries” extend the functionality of the software-development-enviroment Processing. Please handle those extensions with care: If you are a […]
4 alternative, free and well-curated resources for images, fonts and data
I passionately collect a special kind of media in a huge dropbox-folder: Resources that are free to use, not copyrighted […]
Processing or p5.js? My opinions
In this video i share my opinions about the benefits of p5.js and Processing. I also talk about how i’ve […]
Instagram-Live with Lena Weber
I met Lena Weber at a workshop at International Assembly, after that we became friends and she helped me over […]
Digital Impact @ Disseny Hub
A few days ago, I visited the Disseny Hub in Barcelona to see the exhibition “Digital Impact”. On the website, […]
Stream: trustTheProcess(4) – Data Stream
2023-08-03 In this episode I have been looking at String Methods in p5.js, or rather in Javascript. Originally I wanted […]
A conversation with Raphaël de Courville
A few weeks ago I had the honor to meet Raphaël de Courville in person at the audivisual jam at […]
Stream: trustTheProcess(3) – ASCII Blobs
2023-07-20 Today I share the edit of the third episode of my trustTheProcess() livestreams with you. In it I rebuilt […]