How To Draw With Code

How To Draw With Code | Casey Reas

Рет қаралды 295,964

12 жыл бұрын

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: thecreatorsproject.com/
**
Subscribe to The Creators Project: bit.ly/Subscribe_to_TheCreator...
Check out our full video catalog: / thecreatorsproject
Like The Creators Project on Facebook: thecreatorsproject
Follow The Creators Project on Twitter: / creatorsproject
Read our Tumblr: / thecreatorsproject

Пікірлер: 85

@nxrth451 10 жыл бұрын

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 4 жыл бұрын

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

@jameskelmenson1927 4 жыл бұрын

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

@AntandraMusic 4 жыл бұрын

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.

@shade0636 4 жыл бұрын

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

@spichanka 3 жыл бұрын

I feel so called out LMAOOOO

@shade0636 3 жыл бұрын

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

@lelandmark6042 2 жыл бұрын

instaBlaster.

@daanielr 5 жыл бұрын

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

@chorion 8 жыл бұрын

that's really breathtaking

@butterchuggins5409 4 жыл бұрын

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

@weemac77 8 жыл бұрын

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

@MoazamHussain 8 жыл бұрын

Same here! Good luck :)

@Abhishek-hy8xe 4 жыл бұрын

How has it been?

@Gizmotechno 10 жыл бұрын

That was beautiful!

@f0kxi 10 жыл бұрын

Thank you. This was inspiring!

@urm3n 10 жыл бұрын

Amazing work!

@christina79ish Жыл бұрын

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

@ShannonHuff 10 жыл бұрын

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_ 6 ай бұрын

what's up?

@Psyolopher 9 жыл бұрын

Inspirational!! Love this channel, subscribed!

@laurakennedy1024 5 жыл бұрын

Wow This blew.my mind and eyes

@congoritme7396 8 жыл бұрын

data translations are very exciting !!!

@theonionator1124 Жыл бұрын

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

@ch3ragCS 5 жыл бұрын

Legend

@tibfox 9 жыл бұрын

im addicted ....

@thinkingstudios9162 6 жыл бұрын

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

@clayaderhold Жыл бұрын

this was very cool

@orange_leaf4913 5 жыл бұрын

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

@calprowe 3 жыл бұрын

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!

@goxr3plus_studio 7 жыл бұрын

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

@mapmaster1515 7 жыл бұрын

Is there any space for maps in this code drawing ?

@luisrubenguzman3043 10 жыл бұрын

Smart dude

@gaimz1855 6 жыл бұрын

Wow

@Lui-px8cv 3 жыл бұрын

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

@vincentdangelo3819 3 жыл бұрын

i can do both

@user-pw5do6tu7i 4 жыл бұрын

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

@ericcolt8078 4 жыл бұрын

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

@user-pw5do6tu7i 4 жыл бұрын

@@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.

@thinkingstudios9162 6 жыл бұрын

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 5 жыл бұрын

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.)

@prabhanshuwakodikar2082 5 жыл бұрын

Daniel Shiffman brought me here

@RusticRaver 8 жыл бұрын

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

@Nothingrhymesanymore 10 жыл бұрын

what song was playing at the beginning of this video?

@cnl1213 12 жыл бұрын

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.

@VisionsDark 2 жыл бұрын

I life without art isn't worth it.

@OTZOLOTEPUNK 5 жыл бұрын

"Las maquinas son capaces de permitir lo inesperado"

@chaosharmony 12 жыл бұрын

Bad Ass!

@ksenia7057 3 ай бұрын

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

@user-ob9zo9cr4c 2 жыл бұрын

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

@florianm5556 7 жыл бұрын

Coding train !

@PhaseFabrication 3 жыл бұрын

so how do u do it..

@spec_wasted 3 жыл бұрын

Coding

@AlexBirchMusic 9 жыл бұрын

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

@DoggieB92 9 жыл бұрын

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 8 жыл бұрын

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

@guillotine-life 7 жыл бұрын

What is the python code you can use?

@altrumi 5 жыл бұрын

@@EmergencyTemporalShift could you please elaborate?

@EmergencyTemporalShift 5 жыл бұрын

@@altrumi py.processing.org/

@meganboyle1038 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 5 жыл бұрын

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 5 жыл бұрын

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

@cookiielashea4987 5 жыл бұрын

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

@bristowxavierlm 2 жыл бұрын

Backbone of NFT

@eesr 3 жыл бұрын

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

@innoxima 2 жыл бұрын

I want to know codinf

@brandon400 2 жыл бұрын

2012 queeee

@twisted709 10 жыл бұрын

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

@santiagosancho2317 9 жыл бұрын

Peter Riekert art history is amazing too.

@RazorM97 6 жыл бұрын

this can be done in c++ too. and it looks awesome :D kzfaq.info/get/bejne/gth1qdJ8rpabh6s.html

@HaileMecael 5 жыл бұрын

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 5 жыл бұрын

"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 :)

@hectormorales5974 10 жыл бұрын

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 6 жыл бұрын

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 4 жыл бұрын

mm.

@quinxx12 7 жыл бұрын

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

@Zimited 7 жыл бұрын

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

@timmellis5038 7 жыл бұрын

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

@hugoaboud 6 жыл бұрын

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 KZfaq, 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!