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

In October 2023 I will conduct a seminar at Elisava in Barcelona and I am really looking forward to it. […]

For my students at Elisava, I have updated my mockup generator. Now its possible to load animations in the .gif […]

It was a red hot day in July 2023 when I met Alex Muñoz for breakfast in the morning at […]

In this livestream from June 22, 2023, I used Processing to develop an interactive, three-dimensional timeline of exemplary historical data […]

Once again, I had the honor of illustrating an article for the New York Times that I myself am very […]

For me, it’s by far the most inspiring project of the last few years: “Symphony in Acid”, a collaboration between […]

Photo: Vyběr Socky What a ride! I’m sitting in the room of a luxury hotel in Prague, once again packing […]

In March 2023 I taught for a month at the renowned design school Elisava in Barcelona. This was a unique […]

She is super young, incredibly sympathic and insanely creative. In her work as a graphic designer, she experimentally explores the […]

In April 2023 I held a workshop at the AbK Stuttgart, which worked super well and was great fun. I […]

Since the beginning of the Corona crisis, I have been more and more interested in the history of ancient philosophy. […]

I met Soyun, a creative technologist from South Korea at a party hosted by Vera van de Seyp in Rotterdam, […]

In February and March 2023 I recorded a three-part live stream series in which I reconstruct selected works by the […]

About a year ago I stumbled upon Yannick Gregoire’s profile on Instagram and was immediately fascinated by his work. Later, […]

In this post I’d like to introduce you to Lena Weber, who has helped me tremendously with the translation of […]

About two years ago I invited one of my early design heros, Martin Lorenz, for an online talk. Since that […]

This year I had the honor to be part of the DEMO Festival as a curator. It was a super […]

Together with Lena Weber I created the promo video for Slate + Ash’s brand new software synth called Choreographs. The […]

Some of you may know that I have a split relationship with Instagram. Still, even though I often find myself […]

Our world is changing at a breathtaking pace. Technological progress is continuously leading to significant transformations. It is high time […]

Note: This article is also available in German language. The world’s largest computer museum in provincial Paderborn sends hundreds of […]

Note: This article is also available in German. In 2014, my friends Lukas Schlaffke, Patrik Hübner and I packed a […]

A few weeks ago I met the German artist Arno Beck, whose work I find absolutely great. Arno is a […]

Last week (June 2022) I gave a three-day workshop at International Assembly and it was really really cool. The organization […]

I’m pretty unhappy with the social media we creatives use today. The big platforms give us very convenient tools to […]

Imagine if the majority of all outdoor displays in public spaces were broadcasting the best of design and moving image […]

Yehwan Song‘s mindblowing experimental websites move between art and design and consistently break familiar patterns in the interaction and functionality […]

A short but beautiful text titled The universe gives me everything? on a friends blog made me think of what […]

Dear Patreon-community, 2021 started with tremendous challenges. Besides my job as a web developer, where a massive project for an […]

Yesterday I got a message from a very nice person named Julia who is interested in my courses, but is […]

This year I donated $700 to the Processing Foundation to support people who care about the development of the projects. […]

Mockups can be used to effectively simulate and visualize graphic design applications. i’ve been using this technique for years to […]

It was a sunny day in June 2021 when I got a message from Casey Reas on Instagram asking if […]

This is the case study of a project by Michael Kreß, a student from one of my courses in the […]

A few months ago I dreamed of talking to Casey Reas, one of the two masterminds behind Processing, about the […]

In my perception, Vera plays a key role in the Creative Coding scene. On the one hand, her work is […]

Hello friends! Not only from my own experience, but also from years of teaching at different universities, I know how […]

In this tutorial, you’ll learn how to create a grid-based, flexible visual system of quarter circles in Processing. I’ll show […]

In this spontaneous Processing coding-session, I solve one of the assignments from my online course “Bauhaus Coding Workshop” available on […]

Hey! In this recording of my very first YouTube-livestream i explain how to create an interactive visual system with Processing. […]

I have chosen a very focused path for myself in the last few years and have concentrated fully on learning […]

This is a recording of my presentation at the TAAALKS conference. The yearly event covers the intersection of design and […]

I am very happy to be able to publish my new course “Bauhaus Coding Workshop” today! This course is a […]

We live in an unbelievable time: never before have there been so many innovations in such a short period of […]

A few months ago, Philip Jursch and Dogu Kaya interviewed me for their Master Thesis titled “Constants & Variables” at […]

In this tutorial I show you how to create abstract 3D portraits from any image file. Here you will learn […]

Level: Beginner & intermediate In this tutorial i’ll guide you through all the necessary steps to rasterize an image with […]

In the last years i’ve observed a new tendency in typography and graphic design which has been made possible by […]

So called “libraries” extend the functionality of the software-development-enviroment Processing. Please handle those extensions with care: If you are a […]

I passionately collect a special kind of media in a huge dropbox-folder: Resources that are free to use, not copyrighted […]

In this video i share my opinions about the benefits of p5.js and Processing. I also talk about how i’ve […]

I met Lena Weber at a workshop at International Assembly, after that we became friends and she helped me over […]

A few days ago, I visited the Disseny Hub in Barcelona to see the exhibition “Digital Impact”. On the website, […]

2023-08-03 In this episode I have been looking at String Methods in p5.js, or rather in Javascript. Originally I wanted […]

A few weeks ago I had the honor to meet Raphaël de Courville in person at the audivisual jam at […]

2023-07-20 Today I share the edit of the third episode of my trustTheProcess() livestreams with you. In it I rebuilt […]