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);
}
}
Enjoying the content?
I put a lot of love and effort into developing content on Creative Coding. Since 2018, I have published 228 interviews, case studies, and tutorials, along with over 314 lessons in 19 online courses – and there's more to come! If you'd like to support my work and help keep this platform evolving, please consider supporting me on Patreon. Thank you very much!

Related

This year again I have been working as a curator for the Demo Festival Yesterday (January 30th 2025) the main […]

Hey you! I hope you are doing good. It’s crazy what times we live in, isn’t it? It feels it […]

In December 2024, I was at the Iterations conference in s’Hertogenbosch (Netherlands) and there she was: Luna Maurer! I’ve known […]

The guiding principle in my teaching and in the development of this platform is “Demystify Technology”. The Problem When people […]

Two thousand and twenty-four. At the “Barceloneta” metro station, a few hundred meters from the beach, stands an old dot-matrix […]

In an age of increasing digital consumption, Hannah, a recent visual communication graduate, explored “Permacomputing”—a sustainable approach to technology inspired […]

Limitations have always been playing a major role in my creative work; I was only able to develop my best […]

In this interview, Copenhagen-based creative director Tameem Sankari shares his journey into Creative Coding, combining Processing, Blender, and Adobe CC. […]

In this post I’d like to introduce you to Sam Griffith, a talented graphic designer based in Detroit, to discuss […]

The next edition of the DEMO Festival is already approaching and I am currently developing a brand new talk for […]

20 = 1 21 = 222 = 323 = 824 = 1625 = 3226 = 6427 = 128 … »In […]

This is a call for coding designers. It aims to serve as a proposal and a provocation for creative work […]

Hi! In this post I’ll collect case studies and direct links to tools that people have built with p5.js and […]

Your 128kb journey starts here! This is a template you can use to start developing your idea within the 128kb […]

In 2022, I spontaneously posted a story on Instagram: If anyone out there is also in Rotterdam, I’d love to […]

One day in early 2024 I started to experiment with a new idea. I wrote down a set of rules […]

During OFFF Festival here in Barcelona, many interesting people come around! This interview with Talia Cotton came about almost by […]

Lena: This 10-minute visualiser for A. G. Cooks album teaser featuring my python archive generator, is one of my favourite […]

Hi Anna! It was super nice to meet you at the PCD CPH, I really liked your talk in which […]

When I held Martin Lorenz’s new book in my hands and turned it onto its back, I was a little […]

Hey folks, I hope you are doing great! You may have already read one or two of my essays that […]

Instagram, Twitter, TikTok… All the main platforms that technically have the required features to connect emerging communies for Creative Coding […]

In my teaching at universities and in workshops, I have met many very enthusiastic and highly talented people who have […]

I’ve been travelling a lot in the last few months. Still, it was only during a short stay in Copenhagen […]

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

Click here to login or connect!To view this content, you must be a member of Tim's Patreon at €10 or […]

It is 2025, almost three years after the “AI shock”, when ChatGPT and Dalle2 suddenly captured humankind’s attention. From then […]

Click here to login or connect!To view this content, you must be a member of Tim's Patreon at €7 or […]

Click here to login or connect!To view this content, you must be a member of Tim's Patreon at €7 or […]

Listen to the article: Hi folks, I would like to address you directly today to talk about an important topic […]

Do you want to share the creations and sketches you’ve developed for the 128KB challenge on Instagram or other social […]