Incom ist die Kommunikations-Plattform der Hochschule Anhalt Fachbereich Design

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Hochschule Anhalt Fachbereich Design mehr erfahren

Exploring Creative Coding

During the Creative Coding expertise module, we learned the fundamentals of Processing and how to create artistic visualizations using various commands. I was fascinated by the wide range of visual results that could be achieved simply by adjusting numbers or formulas slightly. We used ChatGPT AI as a copilot that coded for us, and I was trying to write the correct prompts to reach my design goal.

Re-Coding

The first task of the week was to re-code a work by Vera Molnár. Molnár's work was a big inspiration for all of us, especially the geometric visuals she created.

 I tried two of her works: the first one was more basic and easy to explain, and it worked very well. However, the second one, which included overlaps and transparency, was hard to explain and replicate exactly.

Molnar19869Carrés20x20cm-scaled.jpegMolnar19869Carrés20x20cm-scaled.jpeg
Kayt2024-06-09113240-ezgif.com-video-to-gif-converter.gifKayt2024-06-09113240-ezgif.com-video-to-gif-converter.gif

6303ac4fe078e95399392d51_Screen Shot 2022-08-22 at 18.15.38.png
6303ac4fe078e95399392d51_Screen Shot 2022-08-22 at 18.15.38.png6303ac4fe078e95399392d51_Screen Shot 2022-08-22 at 18.15.38.png
Ekran görüntüsü 2024-05-27 231918.pngEkran görüntüsü 2024-05-27 231918.png

Exploration

After learning different methods for things like movement, interactivity, and color change, I made some explorations in Processing with the help pf Chatgpt. These explorations focused on lines.

Kayt2024-06-09114731-ezgif.com-video-to-gif-converter.gifKayt2024-06-09114731-ezgif.com-video-to-gif-converter.gif

Kayt2024-06-09115212-ezgif.com-video-to-gif-converter.gifKayt2024-06-09115212-ezgif.com-video-to-gif-converter.gif
Kayt2024-06-09115243-ezgif.com-video-to-gif-converter.gifKayt2024-06-09115243-ezgif.com-video-to-gif-converter.gif

Finalization - Approach 1

I had two different approaches for the final project. 

The first was the black hole effect. I aimed to create this effect with a gradient in a 2D image.

Kayt2024-06-09115816-ezgif.com-video-to-gif-converter.gifKayt2024-06-09115816-ezgif.com-video-to-gif-converter.gif

frame-0599.jpgframe-0599.jpg
frame-0945.jpgframe-0945.jpg
frame-1640.jpgframe-1640.jpg

Then I used the same code but changed the black hole effect to its opposite with the help of Chatgpt, and I used it for image distortion.

frame-0028.jpgframe-0028.jpg
Kayt2024-06-09122714-ezgif.com-video-to-gif-converter (2).gifKayt2024-06-09122714-ezgif.com-video-to-gif-converter (2).gif

Finalization - Approach 2

My second approach used interactive lines. I used Perlin noise so the lines moved according to the noise and interacted with the mouse movements. This way, I created different outcomes each time I played with the mouse.

Kayt2024-06-09130355online-video-cutter.com-ezgif.com-video-to-gif-converter.gifKayt2024-06-09130355online-video-cutter.com-ezgif.com-video-to-gif-converter.gif

frame-2181.jpgframe-2181.jpg
frame-1619.jpgframe-1619.jpg
frame-2944.jpgframe-2944.jpg

frame-3689.jpgframe-3689.jpg
frame-1175.jpgframe-1175.jpg

Thank you!

Ein Projekt von

Fachgruppe

Intermediales Design

Art des Projekts

Studienarbeit im Masterstudium

Betreuung

foto: Karsten Schuhl

Zugehöriger Workspace

Expertise II - Changes in Creative Coding - do AI Copilots actually help?

Entstehungszeitraum

Sommersemester 2024

zusätzliches Material

1 Kommentare

Please login or register to leave feedback

This is amazing Ecem! I love it