How To Draw With Code | Casey Reas

Поділитися
Вставка
  • Опубліковано 20 вер 2024
  • For Casey Reas, software is the most natural medium to work with. He uses code to express his thoughts-starting with a sketch, composing it in code, and witnessing the imagery that it ultimately creates. We visit his studio to see how he uses color to convey emotion and how his programming language Processing is closing the gap between software and object.
    The Creators Project is a partnership between Intel and VICE: thecreatorsproj...
    **
    Subscribe to The Creators Project: bit.ly/Subscrib...
    Check out our full video catalog: / thecreatorsproject
    Like The Creators Project on Facebook: thecreat...
    Follow The Creators Project on Twitter: / creatorsproject
    Read our Tumblr: / thecreatorsproject

КОМЕНТАРІ • 85

  • @nxrth451
    @nxrth451 10 років тому +34

    His analogy of the program being like the score and the computer being like a musician is very interesting. I love these videos because they always inspire creativity within me.

    • @zavierboyles
      @zavierboyles 4 роки тому +1

      As a sonic arts and creative coding double major, this was the main point that hooked me

  • @jameskelmenson1927
    @jameskelmenson1927 5 років тому +18

    This is one of my favorite things. Just mind blowing how each of those works of art couldve been predicted given the original score

  • @daanielr
    @daanielr 5 років тому +20

    It is so inspiring to me!
    I’m on a part of my life that some things don’t make sense anymore and I’m rediscovering old passions which were put aside years ago. I’ve just created a project and started studying p5.js to create some visuals and I hope it works!!! I have a lot ahead, but at least I know I got a reference from now on! Thank you so much for the hope this interview just gave me. ❤️
    It’s very hard to find books, texts, interviews, etc in portuguese (it is my first language), I’m lucky I can understand something in english lol

  • @weemac77
    @weemac77 8 років тому +90

    inspiring stuff - just taking my first baby steps with Processing & pretty excited..

  • @shade0636
    @shade0636 4 роки тому +137

    *Draws square using Python turtle*
    "I'm somewhat of a coding artist myself."

    • @spichanka
      @spichanka 3 роки тому +3

      I feel so called out LMAOOOO

    • @shade0636
      @shade0636 3 роки тому +2

      @@spichanka LMAO It's all good though, we all gotta start from somewhere.

    • @lelandmark6042
      @lelandmark6042 3 роки тому

      instaBlaster.

  • @AntandraMusic
    @AntandraMusic 4 роки тому +3

    I've been loving p5 js lately, and watching lots of Coding Train videos, and learning so much so fast. It makes the code I write for a living have more creative uses as well making visuals to go with my music or ways to interact with my production process as well.

  • @orange_leaf4913
    @orange_leaf4913 5 років тому +13

    wowwww!! They should start teaching this in school, there are endless advantages!!!!!

    • @calprowe
      @calprowe 4 роки тому +4

      This is how I learned to code! My college professor started us out with processing and introduced us to Casey. It was an amazing way to learn!

  • @christina79ish
    @christina79ish Рік тому

    Yes! Its all possible now. Im glad i stumbled across this. Imagination to code to actualisation.

  • @ShannonHuff
    @ShannonHuff 10 років тому +1

    Yes! so glad I found this. Your concept of emergence but with real-time data has been bouncing around in my head. Now I have somewhere to start. Thank you.

    • @imrum_
      @imrum_ 8 місяців тому

      what's up?

  • @chorion
    @chorion 8 років тому +1

    that's really breathtaking

  • @theonionator1124
    @theonionator1124 2 роки тому

    Wow, now I want a follow up video of this guy and also the best places to start now 😆 💯🔥

  • @butterchuggins5409
    @butterchuggins5409 4 роки тому

    Amazing work. I can't wait to see what's next

  • @thinkingstudios9162
    @thinkingstudios9162 6 років тому +7

    Also, what music is used in this video? I particularly love 1:23, so haunting.

  • @laurakennedy1024
    @laurakennedy1024 6 років тому +2

    Wow This blew.my mind and eyes

  • @Lui-px8cv
    @Lui-px8cv 4 роки тому +6

    this literally breaks my heart. I can't do math to save my life but I can draw

  • @user-pw5do6tu7i
    @user-pw5do6tu7i 4 роки тому +4

    as a programmer that is an interesting challenge, to code something to make something unexpected and elegant.

    • @ericcolt8078
      @ericcolt8078 4 роки тому

      Could you estimate how many lines of code this took ? I am curious

    • @user-pw5do6tu7i
      @user-pw5do6tu7i 4 роки тому +1

      @@ericcolt8078 don't quote me but as a guess depending on the language either, 60ish lines in python... or 200-300 with js/java... i don't know the process could be wayy off.

  • @f0kxi
    @f0kxi 10 років тому +1

    Thank you. This was inspiring!

  • @tibfox
    @tibfox 9 років тому +11

    im addicted ....

  • @Gizmotechno
    @Gizmotechno 10 років тому +1

    That was beautiful!

  • @thinkingstudios9162
    @thinkingstudios9162 6 років тому +2

    Gorgeous works!! Is there anywhere where he has shared the code/templates of them? Are there examples in his book that I could play around with the given code and render such beautiful creations myself?

    • @RobinParmar
      @RobinParmar 5 років тому +3

      Start with processing.org and learn the basics of the language. Get the Reas/Fry book as shown in the video. Experiment and learn for a year. Then you can implement his recipes yourself. (He has them all outlined on his site and even mentions some here.)

  • @mapmaster1515
    @mapmaster1515 7 років тому +5

    Is there any space for maps in this code drawing ?

  • @prabhanshuwakodikar2082
    @prabhanshuwakodikar2082 6 років тому +18

    Daniel Shiffman brought me here

  • @Psyolopher
    @Psyolopher 9 років тому

    Inspirational!! Love this channel, subscribed!

  • @VisionsDark
    @VisionsDark 2 роки тому +1

    I life without art isn't worth it.

  • @urm3n
    @urm3n 11 років тому

    Amazing work!

  • @congoritme7396
    @congoritme7396 9 років тому

    data translations are very exciting !!!

  • @cnl1213
    @cnl1213 12 років тому +2

    by the end of the video I start to see his hair as one of his art pieces... like, how would u code hair like that...? One of those things where you see the artwork in the artist I guess.

  • @clayaderhold
    @clayaderhold Рік тому

    this was very cool

  • @user-ob9zo9cr4c
    @user-ob9zo9cr4c 2 роки тому +1

    if he did NFTs now.. he doing well. look at Fidenza

  • @ksenia7057
    @ksenia7057 6 місяців тому

    What coding language can be used for that kind of work?

  • @meganboyle1038
    @meganboyle1038 6 років тому +6

    I am a third year degree student at UAL, working on a project translating emotion into 3D visuals and am looking for people with an interest in Processing/ generative visual coding to collaborate with, don’t hesitate to message me if you are interested.

    • @jacobceron330
      @jacobceron330 5 років тому +1

      Hey, hi i don't know if your still looking for someone to work on that project but i'm really into computer graphics, but i don't use processing, i use glsl but is almost the same i dont know if i can work with you on that project or if you have another

    • @alialkhateeb5511
      @alialkhateeb5511 5 років тому +1

      Count me in, If you're still on your project

    • @cookiielashea4987
      @cookiielashea4987 5 років тому

      Ali Alkhateeb hey you guys I need help figuring out how to do something like that

  • @ch3ragCS
    @ch3ragCS 5 років тому

    Legend

  • @eesr
    @eesr 3 роки тому +1

    java processing am i wrong?
    edit i wrote this before i saw that it was java processing when he said

  • @florianm5556
    @florianm5556 7 років тому +34

    Coding train !

  • @AlexBirchMusic
    @AlexBirchMusic 9 років тому +3

    anyone know a how to create this kind of thing in python, what librarys would be good for this kind of work?

    • @DoggieB92
      @DoggieB92 9 років тому +8

      He's using Processing 2.0 (Java based), which is pretty easy to learn if you've got some experience with Python. Probably in combination with the "toxiclibs" libraries

    • @EmergencyTemporalShift
      @EmergencyTemporalShift 8 років тому +3

      If you're still interested, there is a python mode you can use.

    • @guillotine-life
      @guillotine-life 7 років тому +3

      What is the python code you can use?

    • @altrumi
      @altrumi 5 років тому

      @@EmergencyTemporalShift could you please elaborate?

    • @EmergencyTemporalShift
      @EmergencyTemporalShift 5 років тому

      @@altrumi py.processing.org/

  • @goxr3plus_studio
    @goxr3plus_studio 7 років тому

    WOW!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @RusticRaver
    @RusticRaver 8 років тому

    cool , where did you get a mandelbulb t-shirt?

  • @luisrubenguzman3043
    @luisrubenguzman3043 11 років тому

    Smart dude

  • @gaimz1855
    @gaimz1855 7 років тому

    Wow

  • @OTZOLOTEPUNK
    @OTZOLOTEPUNK 5 років тому +1

    "Las maquinas son capaces de permitir lo inesperado"

  • @bristowxavierlm
    @bristowxavierlm 2 роки тому +1

    Backbone of NFT

  • @Nothingrhymesanymore
    @Nothingrhymesanymore 11 років тому

    what song was playing at the beginning of this video?

  • @HaileMecael
    @HaileMecael 6 років тому +3

    You know this is not new. I remember nearly 25 years ago this guy I knew was producing these amazing graphics with programming. They were in more than one colour also. \they actually blew my mind. I begged him to show me how to do it but he flatly refused. He was a serious geek. \the trouble was he was a little jealous of me at the time. So try as I might he wouldnt share his gift. So I never found out what coding he was using.. Shame really as I feel am too old to learn now. Ah well thats life

    • @Gurkegerd
      @Gurkegerd 6 років тому +6

      "to old to learn" and "thats life" in one meaning, respectively in a related text sequence is causing a heavy syntax error actually :P no for real i have a 96 old taunt who learned how to use a iphone succesfully. well, more or less, but hey she was and is doing it and so far she's mainly able to use it for her purposes. Dont u think that's the point? Wanting it, trying to do it, failing sometimes, try again, until u have a vision of whats possible for you to learn and create and what isnt and if you are ok with that in relation to the expectation or purpose you have to "it". greetz :)

  • @chaosharmony
    @chaosharmony 12 років тому +1

    Bad Ass!

  • @twisted709
    @twisted709 10 років тому +9

    instead of programming, we have art history in my design degree, its real upsetting

    • @santiagosancho2317
      @santiagosancho2317 9 років тому +10

      Peter Riekert art history is amazing too.

    • @RazorM97
      @RazorM97 7 років тому

      this can be done in c++ too. and it looks awesome :D
      ua-cam.com/video/LrEvoKI07Ww/v-deo.html

  • @PhaseFabrication
    @PhaseFabrication 4 роки тому +1

    so how do u do it..

  • @innoxima
    @innoxima 2 роки тому

    I want to know codinf

  • @brandon400
    @brandon400 2 роки тому

    2012 queeee

  • @hectormorales5974
    @hectormorales5974 10 років тому +1


    Good work, perhaps you can help me with this code of processing, I can´t make it work with tablet (ipad) thanks:
    void setup () {
    size(500,500);
    background(255);
    }
    void draw() {
    stroke(0);
    strokeWeight(12);
    if(mousePressed) {
    line(mouseX, mouseY, pmouseX, pmouseY);
    }
    }
    void keyPressed() {
    saveFrame("bitácora-####.jpeg");
    //background(255);
    }

    • @ArtNowCoding
      @ArtNowCoding 6 років тому +2

      Casey Reas was my professor of processing in college If anyone is wondering, he is very calm, collected, pragmatic and overall a humble nice guy. Perhaps you already figured out the issue, but there was an extra "/" bugged out at the end of your sketch, to get the sketch working delete //background(255);
      void setup () {
      size(500,500);
      background(255);
      }
      void draw() {
      stroke(0);
      strokeWeight(12);
      if(mousePressed) {
      line(mouseX, mouseY, pmouseX, pmouseY);
      }
      }
      void keyPressed() {
      saveFrame("bitácora-####.jpeg");
      }

    • @sowswo
      @sowswo 4 роки тому

      mm.

  • @quinxx12
    @quinxx12 8 років тому

    I guess you have to have studied maths to do this kind of stuff..

    • @Zimited
      @Zimited 7 років тому +1

      Jorge Rangel If I'm not good at math, it probably means I wasn't interested enough in coding in the first place.

    • @timmellis5038
      @timmellis5038 7 років тому +2

      math is easy compared to code? Code is way harder.

    • @hugoaboud
      @hugoaboud 6 років тому +2

      You must understand a certain level of math (that's kinda intermediate) to code something like this. That doesn't mean you should study both things separatedly. He explains the logic in the video: create circles that move on the screen; if these circles overlap draw a line between their centers. Draw this on your notebook, picture it, then break it into steps: draw a circle, move it, detect overlap, draw a line on overlap. Then do your research on UA-cam, Stack Overflow, etc, I'm sure you'll learn a lot of math in the process. When everything is running and you start your drawings, you let your mind run free to explore. Try different rules, shapes, colors, etc. Don't let your grades define your knowledge!

  • @keine031
    @keine031 7 років тому +9

    And he uses apple... All respect lost

    • @rapramos5687
      @rapramos5687 7 років тому +28

      here's someone who hasn't coded a day in his life