[Music]
[Applause]
I’m going to talk about something that’s
called creative coding and I’m studying
the little story so this is a minstrel
school of design where I studied and
there was 2012 and we had a huge library
with treasures of books all about art
divine architecture and one of these
books is called generative design the
narrative design right so it contains
how it works like this one or this one
or this one so and as you can see
there’s a huge complexity these words
right there’s something really that
makes these words very complex and it
was I was sure that it’s impossible to
create such things and such upwards with
the tools I was recently working with so
I asked myself what is the secret
ingredients of these artworks
and it is the fact that they are all
built with code right they are all built
with computer program in this case they
are all built with a programming
language called processing beautiful
word right and this is a programming
language for artists and designers so
2013 one year later I was graduating
from the demoscene er this went back to
my hometown paderborn because my parents
have an agency here where I worked and
since I’m 15 I’m a musician I may have a
chronic music and yeah one day I just
walked around and put up on and I met
someone called Patrick please raise your
hand once
and you know we were just chatting about
what could we do together you would like
to make a free project maybe something
uncommercial because he’s a super
talented designer and says parties are
very important and also he has a huge
knowledge about computer programming so
we were just thinking about what people
we could do together that and we came up
with the idea that he could make visuals
of my music
I told him the boat you narrative design
and he was completely blown away right
absolutely
he still looks like this to the was to
the book to Josiah get to him he’s just
world so cool okay you know he was just
studying the most stuff and just about I
think two or three months we were able
to do something like this
so as you can see there’s me in front of
the stage and I mean there’s a
projection and that’s a very special
kind of projection because these are
audio reactive visuals that react to the
music in real time right
so Patrick wrote a software that takes
the music and transforms it into visuals
he wrote you use this processing program
to create a software that takes the
music and converts of individuals just a
few weeks later Stephan joined us and we
founded the in UV collective as a band
we were just well we had pretty cool
bookings from the first moment like the
juicing is Festival or the reception
sermons are beautiful one and for the
glass enforcement so the window up on
very beautiful places in just one year
that was because we had this unique
selling point we had these audio
reactive visuals that really were
responding to the music in real time
which is what’s very special this is
kind of how it looks you know acceptance
just see one of these electronic drums
and something on the stage is just
happening in time after one year I can
completely board making music because I
was already making music since 15 years
and just felt like okay it’s great to
have great gifts it’s great to play big
locations but at the same time I became
super interested in what Patrick was
doing with this creative coding stuff so
I wanted to learn that and I wanted
really to quit that music or pause that
music thing from in my life and go on
with something completely new and this
was creative coding and one well I asked
Patrick if you could please teach me on
words and we rented a wooden cabin and
width of its ontology
no internet connection no cell phone
when actually two guys two laptops five
days just coding that would completely
weird right but we had a great time and
I really enjoyed it
and after that channel was able to do
something like this so as you can see
there’s this huge incredible complexity
here and in the meantime anything’s
happened because
yeah Patrick and me we both will adapt
our artistic identities and published
our works on exhibitions and in the
internet that was 2015 today many things
just evolved this is one of my works
I’ve just made for the PSD medium
society which is a huge media wall in
Muenster tips 40 meters high and well
this is just something like a generic
music video I’ve made and people can
stream the music by an iPhone that’s
pretty cool and this is just a mock-up
that means this is not real but I’m
thinking about how can I bring this kind
of art into the world without forcing
people to look onto the screens without
forcing people to look onto their phone
or whatever I want to bring this kind of
art into the world and yeah that for me
we just share an office now we have an
office here in parabot and dream of the
future and I’m looking forward to
develop more interesting projects in the
future
so now let’s focus on what creative
coding is exactly okay so creative
coding means programming with an
artistic purpose that means we use
programming languages in this case
processing which looks like this to
create art and design or architecture or
whatever and yeah it’s just like you
know you have got something like a text
editor and you just write your code in
and the computer is going to do exactly
what you’ve just typed in there and it’s
pretty amazing but there’s one more
thing that’s much more amazing than this
it’s the fact that every single project
and that’s a discovery I’ve made follows
a simple pattern that repeats from one
project to the other over and over again
right it’s very simple it’s no rocket
science just like this remember just a
few minutes ago I told you that Pat
report is software the taste in music
and convert it into something new right
so what if you take this as an Essen
creativity
to create new ideas for projects so
Patrick took the music and transform it
into visuals what if you just use these
parameters and change them to create new
ideas for projects right so to clarify
this a little bit I’ve made a mind map
I’m just not going to talk for five
minutes you can study it no just kidding
on the left side here you see input
possibilities on the right side you’ll
see yellow possibilities that means
there are incredibly many things
possible and there’s a really
interesting discovery that made I just
simplify this a little bit for you just
to clarify it on the left side just
imagine we couldn’t take we could take
music or sound or our text or big data
sets they’re huge big data sets
available on the infinite right of our
image archives right maybe the Museum of
Modern Art or something just it’s
providing thousands of images online you
can use for your artworks for the webcam
style or user interaction or geo data I
can also look at this range perfect or
the newsfeed maybe the New York Times or
something right to convert it into
something different
riccardi right side we can make
interactive installations data
visualizations sculptures graphics and
he mentioned solid even furniture you
may imagine maybe it’s kind of a chair
made of your favorite book well I don’t
know how it looks but it’s just possible
to connect these things to design new
ideas for design and well creative
coding projects
that’s very excited so here are some
cases to clarify this a little bit this
is one of the works that has been
presented in this book generic design
very thanks many things to settle a
keeper from informative for allowing me
to use it for stuff of their
their portfolio this is a Wikipedia
visualization so every single bubble is
representing one Archy 1vd periodical
and if you click on one of these bubbles
it just reveals all the other the QPD
articles that are instinct inside this
article so this is a very experimental
way of exploring data maybe it is
useless but it’s just beautiful right
okay you’re not convinced okay next one
so no before I have to say I just want
to clarify this pattern the input is
Wikipedia the pattern is very simple
right
the input is the Camellia and the output
is an interactive infographic so let’s
have a look on another project this is
also by the studio informative once
again things to informative to Berlin
it’s called an in Sun sculpture and it
is it takes the motion capture data that
means it takes a video signer and
converts it into a 3d animation of
titles just flying around or space
anyway and yeah this is a very nice work
I think yes it has been exhibited in
different places and it’s quite no in a
scene so it takes the motion data right
takes the motion of this dance and
converts it into the 3d animation so the
pattern again right one more work by my
friend Patrick deceive and follow me
this is a software creating infinite
generative collage that means he takes
huge image archives – yeah load into
processing and convert them into collage
like this
Justin – it’s great this a little bit we
just made 100 collage for you all
following the same system and they just
look like this they are infinite
possibilities to combine these images
with each other right so this is a I
think this is very interesting tendency
for the future of design but that’s
another topic okay so even put what is
the important yeah right what is the
upper kids it’s written down there okay
that’s so you can read it so the output
is G narrative collapsed right I’m
coming to an end of my talking and I
just want to say two things two more
things you know I’ve learned many things
in the last two years I’ve learned how
to make create systems that draw things
on the screen and I was well I just
learned to make things that look nice
but I want to bring these projects these
are just workers didn’t realize these
projects so don’t this is really just a
Photoshop collage but I want to bring
this art in the world and I want to
bring these kind of works to make people
enable them to experience them so this
is one of the things I want to do the
second thing I want to do in the future
is to create this to use this input and
output pattern to create tools that
people can use to sketch their own
project ideas because I think this is
very powerful it can really change the
way people work with creative coding so
thank you very much
[Applause]
[Music]
[Applause]
I’m going to talk about something that’s
called creative coding and I’m studying
the little story so this is a minstrel
school of design where I studied and
there was 2012 and we had a huge library
with treasures of books all about art
divine architecture and one of these
books is called generative design the
narrative design right so it contains
how it works like this one or this one
or this one so and as you can see
there’s a huge complexity these words
right there’s something really that
makes these words very complex and it
was I was sure that it’s impossible to
create such things and such upwards with
the tools I was recently working with so
I asked myself what is the secret
ingredients of these artworks
and it is the fact that they are all
built with code right they are all built
with computer program in this case they
are all built with a programming
language called processing beautiful
word right and this is a programming
language for artists and designers so
2013 one year later I was graduating
from the demoscene er this went back to
my hometown paderborn because my parents
have an agency here where I worked and
since I’m 15 I’m a musician I may have a
chronic music and yeah one day I just
walked around and put up on and I met
someone called Patrick please raise your
hand once
and you know we were just chatting about
what could we do together you would like
to make a free project maybe something
uncommercial because he’s a super
talented designer and says parties are
very important and also he has a huge
knowledge about computer programming so
we were just thinking about what people
we could do together that and we came up
with the idea that he could make visuals
of my music
I told him the boat you narrative design
and he was completely blown away right
absolutely
he still looks like this to the was to
the book to Josiah get to him he’s just
world so cool okay you know he was just
studying the most stuff and just about I
think two or three months we were able
to do something like this
so as you can see there’s me in front of
the stage and I mean there’s a
projection and that’s a very special
kind of projection because these are
audio reactive visuals that react to the
music in real time right
so Patrick wrote a software that takes
the music and transforms it into visuals
he wrote you use this processing program
to create a software that takes the
music and converts of individuals just a
few weeks later Stephan joined us and we
founded the in UV collective as a band
we were just well we had pretty cool
bookings from the first moment like the
juicing is Festival or the reception
sermons are beautiful one and for the
glass enforcement so the window up on
very beautiful places in just one year
that was because we had this unique
selling point we had these audio
reactive visuals that really were
responding to the music in real time
which is what’s very special this is
kind of how it looks you know acceptance
just see one of these electronic drums
and something on the stage is just
happening in time after one year I can
completely board making music because I
was already making music since 15 years
and just felt like okay it’s great to
have great gifts it’s great to play big
locations but at the same time I became
super interested in what Patrick was
doing with this creative coding stuff so
I wanted to learn that and I wanted
really to quit that music or pause that
music thing from in my life and go on
with something completely new and this
was creative coding and one well I asked
Patrick if you could please teach me on
words and we rented a wooden cabin and
width of its ontology
no internet connection no cell phone
when actually two guys two laptops five
days just coding that would completely
weird right but we had a great time and
I really enjoyed it
and after that channel was able to do
something like this so as you can see
there’s this huge incredible complexity
here and in the meantime anything’s
happened because
yeah Patrick and me we both will adapt
our artistic identities and published
our works on exhibitions and in the
internet that was 2015 today many things
just evolved this is one of my works
I’ve just made for the PSD medium
society which is a huge media wall in
Muenster tips 40 meters high and well
this is just something like a generic
music video I’ve made and people can
stream the music by an iPhone that’s
pretty cool and this is just a mock-up
that means this is not real but I’m
thinking about how can I bring this kind
of art into the world without forcing
people to look onto the screens without
forcing people to look onto their phone
or whatever I want to bring this kind of
art into the world and yeah that for me
we just share an office now we have an
office here in parabot and dream of the
future and I’m looking forward to
develop more interesting projects in the
future
so now let’s focus on what creative
coding is exactly okay so creative
coding means programming with an
artistic purpose that means we use
programming languages in this case
processing which looks like this to
create art and design or architecture or
whatever and yeah it’s just like you
know you have got something like a text
editor and you just write your code in
and the computer is going to do exactly
what you’ve just typed in there and it’s
pretty amazing but there’s one more
thing that’s much more amazing than this
it’s the fact that every single project
and that’s a discovery I’ve made follows
a simple pattern that repeats from one
project to the other over and over again
right it’s very simple it’s no rocket
science just like this remember just a
few minutes ago I told you that Pat
report is software the taste in music
and convert it into something new right
so what if you take this as an Essen
creativity
to create new ideas for projects so
Patrick took the music and transform it
into visuals what if you just use these
parameters and change them to create new
ideas for projects right so to clarify
this a little bit I’ve made a mind map
I’m just not going to talk for five
minutes you can study it no just kidding
on the left side here you see input
possibilities on the right side you’ll
see yellow possibilities that means
there are incredibly many things
possible and there’s a really
interesting discovery that made I just
simplify this a little bit for you just
to clarify it on the left side just
imagine we couldn’t take we could take
music or sound or our text or big data
sets they’re huge big data sets
available on the infinite right of our
image archives right maybe the Museum of
Modern Art or something just it’s
providing thousands of images online you
can use for your artworks for the webcam
style or user interaction or geo data I
can also look at this range perfect or
the newsfeed maybe the New York Times or
something right to convert it into
something different
riccardi right side we can make
interactive installations data
visualizations sculptures graphics and
he mentioned solid even furniture you
may imagine maybe it’s kind of a chair
made of your favorite book well I don’t
know how it looks but it’s just possible
to connect these things to design new
ideas for design and well creative
coding projects
that’s very excited so here are some
cases to clarify this a little bit this
is one of the works that has been
presented in this book generic design
very thanks many things to settle a
keeper from informative for allowing me
to use it for stuff of their
their portfolio this is a Wikipedia
visualization so every single bubble is
representing one Archy 1vd periodical
and if you click on one of these bubbles
it just reveals all the other the QPD
articles that are instinct inside this
article so this is a very experimental
way of exploring data maybe it is
useless but it’s just beautiful right
okay you’re not convinced okay next one
so no before I have to say I just want
to clarify this pattern the input is
Wikipedia the pattern is very simple
right
the input is the Camellia and the output
is an interactive infographic so let’s
have a look on another project this is
also by the studio informative once
again things to informative to Berlin
it’s called an in Sun sculpture and it
is it takes the motion capture data that
means it takes a video signer and
converts it into a 3d animation of
titles just flying around or space
anyway and yeah this is a very nice work
I think yes it has been exhibited in
different places and it’s quite no in a
scene so it takes the motion data right
takes the motion of this dance and
converts it into the 3d animation so the
pattern again right one more work by my
friend Patrick deceive and follow me
this is a software creating infinite
generative collage that means he takes
huge image archives – yeah load into
processing and convert them into collage
like this
Justin – it’s great this a little bit we
just made 100 collage for you all
following the same system and they just
look like this they are infinite
possibilities to combine these images
with each other right so this is a I
think this is very interesting tendency
for the future of design but that’s
another topic okay so even put what is
the important yeah right what is the
upper kids it’s written down there okay
that’s so you can read it so the output
is G narrative collapsed right I’m
coming to an end of my talking and I
just want to say two things two more
things you know I’ve learned many things
in the last two years I’ve learned how
to make create systems that draw things
on the screen and I was well I just
learned to make things that look nice
but I want to bring these projects these
are just workers didn’t realize these
projects so don’t this is really just a
Photoshop collage but I want to bring
this art in the world and I want to
bring these kind of works to make people
enable them to experience them so this
is one of the things I want to do the
second thing I want to do in the future
is to create this to use this input and
output pattern to create tools that
people can use to sketch their own
project ideas because I think this is
very powerful it can really change the
way people work with creative coding so
thank you very much
[Applause]
[Music]
Please follow and like us: