week 02 - Computational Abstraction
Week 2 Assignments - Computational Abstraction
Name Surname (@IG_username)
.
.
Following the first week on programming principles, students in the Creative Coding I class are required to develop an abstract shape or notion of their choice utilizing basic shapes through the p5.js JavaScript programming tool, which is based on Processing. Source code of each assignment is available on Open Processing web site.
p5js processing COD ozu ozufad communicationdesign creativecoding algorithmicart
Section A
Abeerah Malik
Bahar Kızılkaya
Duygu Aksöz
Elif Erpulat
Gizem Çobanoğlu
İdil Akan
İrem Apaydın
İris Eryılmaz
Kerem Yaşlıçimen
Lal Kara
Lana Jamal
Naz İpek
Talin Akarvardar, bauhaus
Zeynep Cebe
Zeynep Erol
Section B
Zaman Khan duck
Anıl Ekşi Abstract face
Azimov Rufat Cat
week 03 - Figurative Abstraction
Week 3 Assignments - Figurative Abstraction
Name Surname (@IG_username)
.
.
After the second week of programming principles, students in the Creative Coding I class must apply Computational Thinking principles as a problem-solving approach prior to coding their tasks. Every student is required to document sequential instructions. Based on their analysis, they compose the code. The task involves constructing a fixed-size 5x5 grid and utilizing simple forms within the grid to produce an abstract representation of a figurative image. Only basic shapes and flawless curves are permitted for the creation of the abstracted form by programming.
p5js processing COD ozu ozufad communicationdesign creativecoding algorithmicart
section A
Alp Eroğlu Scorpion
Asya Bal Duck
Ayşenur Karakuş Whale
Azra Sadıkoğlu Bird
Bahar Kızılkaya Rabbit
Boray Ünlü Bird
Duygu Aksöz Panda
Elif Erpulat Scorpion
İdil Akan Rabbit
Zeynep Erol, Lal Kara, İrem Apaydın Bird
Kerem Yaşlıçimen ,Abeerah Malik Elephant
Lana Jamal Scorpion
Naz İpek Rabbit
Talin Akarvardar Sea horse
Zeynep Cebe Seal
section B
Deniz Sönmez Owl ⭐️
Eda Şenel Cat
Ali Büyükduman Elephant
Kerem Alp Rabbit ⭐️
week 04 - Moire Pattern
Week 4 Assignments - Moire Pattern
Name Surname (@IG_username)
.
.
Week 4 focuses on repetitive paradigms in programming, including for loops, and use recursive functions to generate animated images. Students are expected to create intricate Moire patterns, with or without animation via simple shapes.
p5js processing COD ozu ozufad communicationdesign creativecoding algorithmicart moire pattern
Section A
Duygu Aksöz
Kerem Yaşlıçimen
İris Eryılmaz
Bahar Kızılkaya AI?
Abeerah Malik
Talin Akarvardar
Alp Eroğlu
Naz İpek
İdil Akan
Section B
Eda Senel
Duru Seyhan Hexagon nasıl çizdin?
Anıl Ekşi
Deniz Sönmez
Ecem Filik stroke size ı azaltalım ortadaki
Kerem Alp
week 05 - Randomness
Week 5 Assignments - Algorithmic Art Practices: Randomness & Probability
Name Surname (@IG_username)
.
.
Week 5 centers on the principles of randomness and probability. Students select an algorithmic artwork created between 1940 and 2000 and replicate it using stochastic decisions and conditional expressions.
p5js processing COD ozu ozufad communicationdesign creativecoding algorithmicart
Section A
İdil Akan
İrem Apaydın
İris Eryılmaz
Kerem Yaşlıçimen
Lal Kara
Maye Caferzade
Lana Jamal
Naz İpek
Talin Akarvardar
Abeerah Malik
Alp Eroğlu
Azra Sadıkoğlu
Bahar Kızılkaya
Boray Ünlü
Duru Özcan
Duygu Aksöz
Elif Erpulat
Gizem Çobanoğlu
Zeynep Cebe
Section B
Deniz Sönmez
Eda Şenel
Melis Aktı
week 06 - Computational Collage
Week 6 Assignments - Computational Collage
Name Surname (@IG_username)
.
.
During week 6, students acquire skills to load, display, and alter digital media within coding. They are anticipated to produce an interactive collage. Upon the user pressing a key on the keyboard, the arrangement of the collage must alter in accordance with predetermined positioning constraints.
p5js processing COD ozu ozufad communicationdesign creativecoding algorithmicart collage
Section A
Section B
Deniz Sönmez Adventure Club
Eda Şenel
Ecem Filik Tried arrays
week 07 - Image Processing
Week 7 Assignments - Image Processing
Name Surname (@IG_username)
.
.
During week 7, students get fundamental knowledge of image processing techniques. They are anticipated to generate and reconstruct an image through algorithmic art methodologies, employing randomization or autonomous agents.
p5js processing COD ozu ozufad communicationdesign creativecoding algorithmicart imageprocessing
Section A
Lana Jamal
Naz İpek
Zeynep Cebe
Abeerah Malik
Alp Eroğlu !!!
Gizem Çobanoğlu !
Section B
Ali Büyükduman
Kerem Alp
Deniz Sönmez
week 08 - Typography (Computational Design)
Week 8 Assignments - Typography and Computational Design Studies
Name Surname (@IG_username)
.
.
During week 8, the main focus is utilizing typographic elements (loading fonts, displaying texts, and morphing font designs) on the canvas. The assignment is to create a generative version of a poster or book cover. We expect all students to create an interactive app via keyboard or mouse that generates variations of the design idea.
p5js processing COD ozu ozufad communicationdesign creativecoding algorithmicart imageprocessing
Section A
Azra Sadıkoğlu
Bahar Kızılkaya
Boray Ünlü
Duru Özcan
Lal Kara
Talin Akarvardar
Zeynep Erol
Zeynep Cebe
İris Eryılmaz
Abeerah Malik
Ayşenur Karakuş
Duygu Aksöz
İdil Alkan
Kerem Yaşlıçimen
Asya Bal
Duygu Aksöz
Lana Jamal
Section B
Ali Büyükduman
Beren Ay
Eda Şenel
week 09 - Sound and Interactivity
Section A
Abeerah Malik Songs from different period
Aleyna Kabaklar Audio Player - Visualizer
Duygu Aksöz
GizemAudiovisual
İris Eryılmaz Audio player
Kerem Yaşlıçimen Audiovisual
Lal Kara Vinyl player
Lana Jamal Audiovisual
Maya Caferzade
Naz İpek Vinyl
Talin Akarvardar Audiovisual player
Zeynep Cebe
Zeynep Erol Audiovisual game
week 10 - Autonomous Agents
Week 10 Assignments - Autonomous Agents & Random Walkers
Name Surname (@IG_username)
.
.
In Week 10 of COD 207: Creative Coding I, students developed projects focused on autonomous agents. These assignments explore how simple rules can lead to complex, emergent behaviors in visual and interactive systems. Navigate through to see examples of their work and the creative ways they applied the concepts.
p5js processing COD ozu ozufad communicationdesign creativecoding algorithmicart
Section A
Ayşenur Karakuş
Azra Sadıkoğlu
Duru Özcan
Duygu Aksöz
Gizem Çobanoğlu
İdil Akan
İrem Apaydın
İris Eryilmaz
Kerem Yaşlıçimen
Lal Kara
Lana Jamal
Maye Caferzade
Talin Akarvardar
Zeynep Cebe
Zeynep Erol
Section B
Alara Yılmaz
Ali Büyükduman
Anıl Ekşi
Beren Ay
Cem Yılmaz
Duru Seyhan
Ecem Filik
Melis Aktı
Zaman Khan
Final Projects A
Aleyna Kabaklar - Music player
Abeerah Maline , ver 2- Matching game
Asya Bal - Music visualizer
Ayşenur Karakuş - VJ tool
Azra Sadıkoğlu - Rescue the bird game
Bahar Kızılkaya - Branding, generative logo
Boray Ünlü, ver2 - Generative Art
Duru Özcan - Kind of game
Duygu Aksöz - Generative Character Design ⭐️
Elif Erpulat - Motocycle - music - weak concept
Gizem Çobanoğlu - Mushrun ⭐️
İdil Akan - Dating app prototype ⭐️
İrem Apaydın - Educational App ⭐️ (Interaction should be improved)
İris Eryılmaz - Survey App - Kind of artwork ⭐️
Kerem Yaşlıçimen - Generative Art ⭐️
Lal Kara - Memory Game ⭐️
Lana Jamal - Dance Game, ML ⭐️
Maye Caferzade - Application about world countries. ⭐️
Naz İpek - Space game ⭐️
Talin Akarvardar - Puzzle Game ⭐️
Zeynep Cebe - Educational app teaching musical notes ⭐️
Zeynep Erol - Game, collect fallen items.
Final Projects B
Alara Yılmaz - Game ⭐️
Ali Büyükduman - Fake Coder screen interactive ⭐️
Anıl Ekşi Spotify alternative music player ⭐️
Beren Ay Rick and Morty game ⭐️
Efe Cem Yılmaz Audio Visualizer ⭐️
Deniz Sönmez Generative Art ⭐️
Duru Seyhan Generative Art
Ecem Filik Educational Music app ⭐️
Eda Şenel Collage - Weak
Kerem Alp Original idea, weak implementation
Melis Aktı Game, collect fallen items
Zaman Khan Online postcard application ⭐️ Original idea
Survey Links
ALAP 01
ALAP 02
ALAP 03
ALAP 04
ALAP 05
ALAP 06
ALAP 07
ALAP 08
ALAP 09
ALAP 10
ALAP 11
ALAP 12
COD 208 Final Project (2023-2024)
A
Sedanur Yıldız Game: Enemy of The City
Hilal Çetintaş Game (Face tracking, keyboard): Save the princess
Zeynep Buğdaycı, Option 2 Generative Art
Faruk Sarı Platform game built with Godot Engine
Esra Yücetürk→ Feelings Shock, Sad, Scared, Happy, Anger
Gökalp Taşer, Naz Çoban Game & App: Anhtnoy’s Pixel Studio
Ozan Güzelırmak Game: Run away from bats
Can Canal Audiovisual
Ceren Özcan ML Based Interactive Face Tracking
B
Ceyda Koşer MIDI input visualizer
Ece Türker Generative Art
Mert İnan Audiovisual
Aya Berjamy Generative Typography
Rim Harrak Interactive Typographic Poster
Ramazan Hakveren Dodge the balls
Elif Zaim Generative Animation
Noura Mehrez Audiovisual app
GAMES
A
Esra Yücetürk Run Monkey
Meryem Karataş Flappy Power Puff Girls
Ali Uzun Wizard Defence
Assyah Ibrahem Face Tracking Game
Faruk Sarı Face Tracking Game
Gökalp Taşer Car Racing
Can Canal Face Tracking
Gül Naz Çoban Running Mouse
Selin Kabadayı Find the Monster
B
Kübra Bostancı
Aya Berjamy Football
Zainab Khan My dog (Face Tracking)
Melis Üstün
Kutluhan Hakkı Yücel
Damla Güloğlu Face Tracking
Ceyda Koşer Mouse Control
Computational Illustration & Animation
Esra Yücetürk FAD Building
Ali Uzun Dune Worms
Busenaz Kaplangı OSC, Trace
Mert İnan Audiovisual
Ceyda Koşer Audiovisual app
Computational Art
A
Esra Yücetürk
Sueda Uluca
Ceren Özcan, Piet Mondrian
Busenaz Kaplangı Piet Mondrian
Ali Uzun Piet Mondrian, Court of The Crimson
Can Canal ALAP
Zeynep Karaçetin
Ali Uzun Court of the Crimson (interactive)
Ali Uzun November Rain
Ozan Güzelırmak
Batur Ay ALAP
Mert İnan ALAP
İrem Gül ALAP
Melis Üstün ALAP-Vera Molnar
Busenaz Kaplanoğlu ALAP
Hilal Çetintaş ALAP-Frieder Nake
Ramazan Hakveren ALAP
Ozan Güzelırmak ALAP - Frieder Nake
Can Canal ALAP - Vera Molnar
Gül Naz Çoban ALAP - Vera Molnar
Sueda Uluca ALAP - Paul Klee
Ceren Özcan ALAP - Vera Molnar
Selin Kabadayı ALAP - Frieder Nake
İpek Evrenkaya ALAP - Vera Molnar
Algorithmic Art
Melis Üstün
Busenaz Kaplangı
Hilal Çetintaş
Ramazan Kaya
Faruk Sarı
Damla Güloğlu
Ceyda Koşer
Gökalp Taşer
Sıla Yaldız
Can Canal
Naz Çoban
Ceren Özcan
İpek Evrenkaya
Atilla Can Alptekin
Mert İnan
Emre Sungur, 2, 3
İrem Gül
Melis Üstün, 2, 3
Busenaz Kaplangı
Hilal Çetintaş
Ramazan HAkveren, 2, 3
Faruk Sarı
Damla Güloğlu
Kadir Efe Deniz
Gökalp Taşer
Zeynep Sıla Yaldız
Can Canal
Gül Naz Çoban
Selin Kabadayı
İpek Evrenkaya
Atilla Can Alptekin
Assyah Ibraheem
Aya Berjammy Sol LeWitt
Esra Yücetürk Vera Molnar
Meryem Karataş
Basma Muhammed
Assyahh Ibraheem
Cansu Özbek
Ece Türker
Esra Yücetürk
Assyahh Ibrahemm
B
Ceyda Koşer Vera Molnar
Ceyda Koşer
Ceyda Koşer Piet Mondrian
Sude Selçuk Theremin
Atilla Can Alptekin Piet Mondrian
Atilla Can Alptekin ALAP
Robot Face & Mask
Esra Yücetürk
Ali Uzun
Batur Ay
Mert İnan
İrem Gül
Melis Üstün
Hilal Çetintaş
Busenaz Kaplanoğlu
Ramazan Hakverdi
Faruk Sarı
Damla Güloğlu
Ceyda Koşer
Sıla Yaldız
Can Canal
Ceren Özcan
Selin Kabadayı
İpek Evrenkaya
Atilla Can Alptekin
Assyahh Ibraheem
Ece Türker
Aya Berjammy
Zeynep Khan
Esra Yücetürk
Meryem Karataş
Ecem Güleryüz
Basma Muhammed
Face Tracking
Computational Collage
Esra Yücetürk
Faruk Sarı
Gül Naz Çoban
Ceren Özcan
İpek Evrenkaya
Atilla Can Alptekin
Computational Poster
Noura Mehrez
Batur Ay
Mert İnan
Melis Üstün
Hilal Çetintaş
Ramazan Hakverdi
Assyah Ibraheem
Aya Berjammy
Rim Harrak
Zainab Khan
Esra Yücetürk
Meryem Karataş
Noura Mehrez
Aysu Bayramova
[Darya_Mahcup-MCD - OpenProcessing](https://openprocessing.org/sketch/1873962
Izel_Ergul-data - OpenProcessing
Tutku_Calis-Lifetime Exp. Data - OpenProcessing
// Assignment upcoming
Teachable Machine 1: Image Classification - YouTube
Teachable Machine 3: Sound Classifiication - YouTube
Face tracking
// Darya mid-project - Assignment 10
Drawscape - OpenProcessing
notevision - OpenProcessing
https://openprocessing.org/sketch/1899055
Assignment 10 - OpenProcessing
https://openprocessing.org/sketch/1898999
Week 05 A (Cod 207_2023-2024)
https://openprocessing.org/sketch/2075283
https://openprocessing.org/sketch/2076321
https://openprocessing.org/sketch/2077181/embed/
https://openprocessing.org/sketch/2076959
https://openprocessing.org/sketch/2077514
https://openprocessing.org/sketch/2077022
Week 05 B (Cod 207_2023-2024)
https://openprocessing.org/sketch/2071865
https://openprocessing.org/sketch/2058865
https://openprocessing.org/sketch/2069020
Week 01 A (Cod208)
https://openprocessing.org/sketch/2183298
https://openprocessing.org/sketch/2183088
https://openprocessing.org/sketch/2181777
https://openprocessing.org/sketch/2176546
https://openprocessing.org/sketch/2181739
Week 01 B (Cod 208)
https://openprocessing.org/sketch/2182773
https://openprocessing.org/sketch/2183741
https://openprocessing.org/sketch/2182897
https://openprocessing.org/sketch/2182726