If you liked this video, you might be interested in my own programmatic art! instagram.com/space.filler.art
@camilorivera583
6 жыл бұрын
holasss baby
@gameofpj3286
4 жыл бұрын
Btw you don't have to make the int static
@adygombos4469
3 жыл бұрын
We just gonna ignore how my man has a touch screen computer?
@josefsaint
3 жыл бұрын
light pen, yoz.
@gregfield4457
8 жыл бұрын
I can start making screens savers! haha
@HilmiZul
5 жыл бұрын
Greg Field congratulation🎉
@drioko
3 жыл бұрын
Lmao
@PaulvanRijswijk
3 жыл бұрын
Reminds me of the good old days programming assembler on the 8088 and learning about lissajous
@mikejones-vd3fg
8 жыл бұрын
Thats so cool, the visual at the end reminds me of dancer. Maybe thats why we find dancing attractive, we're sort of mimicing natures formulas of movement i imagine.
@נתנאל-ז2ח
7 жыл бұрын
I was at the IBM Los Angeles Scientific Center where this work was done. I believe that the person shown at the terminal is Jack Cintron. By the way my name is Alfred Inselberg and will be happy to hear
@alexmiller
7 жыл бұрын
Oh wow! אביגיל בר זכור
@jigri_pokhri
3 жыл бұрын
RIP Alfred
@electron7373
3 жыл бұрын
Thanks Alexander! Really interesting process. I will do some experimenting - looks like there are a lot of possibilities.
@EMPOWA
5 жыл бұрын
thank you so much! such a great run through of parametric lines and processing.
@jamesfelix
2 жыл бұрын
thanks for the video, i’m excited to learn processing
@ronicave8522
4 жыл бұрын
It's nice to see calc 2 had at least one use in my life ...
@joeyesposito4894
2 жыл бұрын
inspiring! im a designer and musician who failed math and i type with 2 fingers. code scares me, but you're opening me up! you showed me in this video that it doesn't take much to get something cool moving around. Question.. if i was to dedicate time to learning a programming language for generative art, which would you suggest? JS, Python?
@sktkkk1
2 жыл бұрын
JS, HTML, CSS
@TheAlexBoro
7 жыл бұрын
This blew my mind, thank you very much.
@annickwildeboer2037
Жыл бұрын
more processing tutoriallllss!!!
@ishi92
8 жыл бұрын
how would you make the camera follow the movement of point? For example: In the first case where you make the function x return the value of t -> the point moves right along the horizontal plane and eventually out of bounds (towards infinity) -> how would make the camera follow this movement? Cheers for the video!
@ConecVisuals
8 жыл бұрын
Theres a doc on archive.org called The Incredible Machine. Really interesting look at the beginnings of graphics. check it out, cheers for the video. :)
@FlySilky
5 жыл бұрын
Nice rec!
@ahmmo2870
2 жыл бұрын
Here's the documentary on KZitem :) kzitem.info/news/bejne/yq2M22Z4kH6LpHY
@kyleadamsdrums
2 жыл бұрын
incredible
@procactus9109
7 жыл бұрын
Dude, You almost have more likes on this 1 video than you have subs. I think if you started to make more videos, especially like this one, then it might work you ?
@bbossin
8 жыл бұрын
Thanks for the super fun and informative tutorial! :D
@Mirko_ddd
2 жыл бұрын
"Drunk Jedi waving a light saber" 🤣
@petez4608
7 ай бұрын
Great video. How would you do this tutorial today in 2024?
This is cool and thanks for making it- one question is about frame rate. It seems like according to documentation the default frame rate is going to be 60 frames per second, but in your example things seem to move slower than that. I don't see you alter the frame rate explicitly.
@sparkloweb
5 жыл бұрын
It's rendering at 60 fps. You can tell when it increments one pixel at a time across half the window (250px) in just over 4 seconds. But the video appears to be captured at only 24 fps.
@santiagojaramillorodriguez8272
3 жыл бұрын
thanks, please go on with more tuts!
@alltaken0
9 жыл бұрын
nice tut man!
@thecomputertutor591
8 жыл бұрын
Hey everyone. I just made a tutorial on zooming/panning in Processing, and I'd love for tips and suggestions in the comments. Thanks!
@alltaken0
5 жыл бұрын
where? link? thanks
@Mousus929
8 жыл бұрын
Great video, thanks
@duality4y
4 жыл бұрын
hmm i would have made a list of points. but that would have complicated things in a way. maybe a ArrayList since that is a linked list and you can just remove elemenst and then just remove the first if bigger then X and keep adding to the back.
@Saturos02
7 жыл бұрын
Great video! Thank you!
@faithyoung5780
8 жыл бұрын
Hi! could you post a beginners tutorial on processing? I have no idea what I'm doing in processing in regards to code. I am used to traditional art, so this is super new to me. If not, you could also direct me to another video! Thank you.
@aileendeus
Ай бұрын
hello, do you have a course for beginners?
@santiagojaramillorodriguez8272
3 жыл бұрын
is there a possibility to make this with another kind of movement? maybe bassed on another kind of wave?
@xtevetyler5332
8 жыл бұрын
i wanted to see whitneys tutorial, can you direct me to that, i done all this maths a long time ago, and bezier elastic banding, ah my bad.... i should have read more in comments, i am off to see his original work, ps. good tutorial mind.
@basiccoder2166
6 жыл бұрын
that made my day Thank you sir.
@damienrave4660
9 жыл бұрын
Great video, thank you for sharing :)
@farismoumin6048
8 жыл бұрын
thank you , if we increase 'i' up to 100 , and add an other 'i' to the for loop out off parentheses it would be more interrestting animation.
@toleliart1014
5 жыл бұрын
Any idea how to get one of the points to follow the mouse? I can only get it to change the angle very slightly.
@AlexandrosAngelakis0
8 жыл бұрын
thank you. useful stuff!
@zummoner
8 жыл бұрын
very cool
@BlackPowerRanger
8 жыл бұрын
how do you add colour to the strokes lines, just like in the archive video?
@alexmiller
8 жыл бұрын
+MegaNigel77 Use the stroke function: processing.org/reference/stroke_.html
@alltaken0
5 жыл бұрын
@@alexmiller could you post an example where to put the fill settings? mine stay white ; ( ... great vid Sir!
@simasglebavicius2085
5 жыл бұрын
@@alltaken0 Put it before the point in the code. Use stroke(255,255,255); and change the values inside which stand for Red, Green, Blue.
for better colors use in setup "colorMode(HSB);" and then where you set the stroke change to "stroke((t * 5) % 256, 255, 255);" --> already much nicer colors ;) your welcome
@lisacole2897
5 жыл бұрын
thank you! I had a typo in mine somewhere and I couldn't find it, that sorted it
@y_j_w_y_j
8 жыл бұрын
This is a great video. However, one thing that I don't understand ---------- "float x (float t)". Is it a short form of a function? like " i++" is a short form of "i = i+1"?
@alexmiller
7 жыл бұрын
No, it's not a special short form, even though it looks odd. It's a function called "x" that returns a float, and takes one float parameter "t". An equivalent function header would be: float myFunction(float myParameter)
@y_j_w_y_j
7 жыл бұрын
Thanks for answering
@sashakoshka
7 жыл бұрын
Imagine this in 3D.
@gr4hamm
7 жыл бұрын
if I wanted to have it stop in place how would I do that? is there I could make the floats freeze? or would it be in the for loop? sorry I'm a noob lol
@CleavelandBeats
4 жыл бұрын
How would I export this as a gif? Given that there's no way to know the total frames in a loop. And it does loop, as is the nature of sin and cosin functions, correct?
@ida22ida
8 жыл бұрын
Hi, nice video :-) if I wanted to add another float, or set of parametric lines, how would I do that?
@ida22ida
8 жыл бұрын
+Ida Engelhardt Never mind, I found out how to do it ;-)
@roelweerdenburg
7 жыл бұрын
How then?? I really want to know how I can add more sets of parametric lines!
@jojongovn
6 жыл бұрын
thank you : )
@strangethingsstrangethings9696
3 жыл бұрын
somewone copy and paste for me?
@eotikurac
8 жыл бұрын
when i hit run, why is the sketch already drawn?
@bjornsundin5820
8 жыл бұрын
BaconKwagga it just draws one thing at a time. If you tell it to draw a line, it's drawn instantly.
@meaganbartholomew7359
6 жыл бұрын
This is super cool, but I don't know how non-programmers could do it. I'm pretty sure I would be completely lost if I wasn't a programmer.
@Daniel-ld7xs
6 жыл бұрын
Thats me😂
@colesmith796
7 жыл бұрын
Can you send me the code PLS
@hellobluedays
5 жыл бұрын
how to save the video man ? thanks :(
@DRAGONKNIGHT99
5 жыл бұрын
Put ss before youtube in the URL
@hellobluedays
5 жыл бұрын
haha yea hellaaa
@SintaxErorr
6 жыл бұрын
this is what I created, quite long tbh float t,r; //r and t varibles int l = 3; //lineThickness int h = 10; //ballThickness int amount = 1; // amount of shapes float t_increase = 0.5; //Movement speed, keep below 1.5 for best look float r_change = 4; //Try and make this a multiple of t_increase float r_increase = 0.01; //changes positions when t_increase == r_change, larger = larger change void setup() { background(51); size(1000,1000); } void draw() { background(40,50,70); stroke(220,60,200,100); translate(width / 2, height / 2); for (int i = 0; i < amount; i ++) { strokeWeight(l); line(x(t + i, r + i), y(t + i,r + i), x2(t + i,r + i), y2(t + i,r + i)); strokeWeight(h); point(x(t + i, r + i), y(t + i,r + i)); point(x2(t + i,r + i), y2(t + i,r + i)); } stroke(200,220,60,100); for (int i = 0; i < amount; i ++) { strokeWeight(l); line(x4(t + i), y4(t + i), x2(t + i,r + i), y2(t + i,r + i)); strokeWeight(h); point(x4(t + i), y4(t + i)); point(x2(t + i,r + i), y2(t + i,r + i)); } stroke(80,60,200,100); for (int i = 0; i < amount; i ++) { strokeWeight(l); line(x3(t +i), y3(t +i), x4(t + i), y4(t + i)); strokeWeight(h); point(x3(t +i), y3(t +i)); point(x4(t + i), y4(t + i)); } stroke(60,200,80,100); for (int i = 0; i < amount; i ++) { strokeWeight(l); line(x2(t +i, r + i), y2(t +i, r + i), x3(t + i), y3(t + i)); strokeWeight(h); point(x2(t +i, r + i), y2(t +i, r + i)); point(x3(t + i), y3(t + i)); } stroke(200,10,10,100); for (int i = 0; i < amount; i ++) { strokeWeight(l); line(x(t +i, r + i), y(t + i, r + i), x3(t + i), y3(t + i)); strokeWeight(h); point(x(t +i, r + i), y(t + i, r + i)); point(x3(t + i), y3(t + i)); } stroke(200,90,80,100); for (int i = 0; i < amount; i ++) { strokeWeight(l); line(x(t +i, r + i), y(t +i, r + i), x4(t + i), y4(t + i)); strokeWeight(h); point(x(t +i, r + i), y(t +i, r + i)); point(x4(t + i), y4(t + i)); } t += t_increase; if(t % r_change == 0) { r += r_increase; } } float x(float t, float r) { return sin(r / 10) * 200 + sin(t / 5) * 100; } float y(float t, float r) { return cos(r / 30) * 200 + cos(t / 10) * 90; } float x2(float t, float r) { return sin(t / 50) * 100 + sin(r / 50) * 200; } float y2(float t, float r) { return cos(t / 10) * (100 / pow(PI, sin(r))) + cos(r / 10) * 90; } float x3(float t) { return sin(t / 10) * 200 + sin(t / 90) * 200; } float y3(float t) { return cos(t / 30) * 200 + cos(t / 10) * 90; } float x4(float t) { return sin(t / 50) * 100 - sin(t / 120) * 200; } float y4(float t) { return cos(t / 10) * (100 / pow(PI, sin(t / 50))) - cos(t / 10) * 90; }
Thanks a lot for a great tutorial! I made this inspired by it (using some randomizations for the sines, color sequence etc): kzitem.info/news/bejne/moScu5iFrJmeaGU
@AbsoluteRecoil
8 жыл бұрын
Keeping in mind for next time that this is a very biased criticism, the video was great and served its function. The only thing which distracted me was the way you smack your lips after certain sentences/pauses/phrases... I know, more than negligible complaint, but for some reason it is very distracting.
@duality4y
4 жыл бұрын
"Processing is a tool for non programmers" goes a head and writes a program. (I guess you are a programmer good luck!)
@AbishaiC
3 жыл бұрын
In case this comment section is still interested, there is an entire set of programs related to parametric design developed by Robert McNeel called "Rhinocers" and the parametric part of it is called "Grasshopper". Its a sort of visual coding that i'm sure you guys will love to check out. Great video though, cheers!
@future_finno5352
2 жыл бұрын
where to find tho??
@MyLinuxToyBox
5 жыл бұрын
Generated computer art is so interesting. What got me interested was the Deep Dream art that Google introduced. Processing and JavaScript both do some neat stuff. I also use a lot of Python.
@stickwithit
2 жыл бұрын
I found this video at the beginning of the pandemic and it reinvigorated my passion for generative art. I just want to say that I really appreciate you taking the time to show us something that inspired you because in doing so it inspired us.
@jacobhaig2372
7 жыл бұрын
by pure chance, I discovered this amazing code float t = 0; void setup() { size(500, 500); background(20); } void draw() { stroke(255); strokeWeight(4); translate(width/100, height/2); point(t, sin(t*2)*150); t+=.45; } and this float t = 0; float incr=0; void setup() { size(6000, 500); background(20); } void draw() { stroke(255); strokeWeight(5); translate(width/100, height/2); point(t, sin(t*2.2)*150); //incr += .000005; t+=.255+incr; frameRate(500); }
@noon8409
7 жыл бұрын
awesome, thanks for sharing
@miksuko
7 жыл бұрын
Jacob Haig if it has sin in it, chances are it will look awesome (trust me, I am experienced)
@youtubepooppismo5284
6 жыл бұрын
Woooow.
@0xDEAD_Inside
5 жыл бұрын
Thanks!
@sowswo
4 жыл бұрын
mm
@chbanja
8 жыл бұрын
For a really nice slowmotion effect type: if (keyPressed) { if (key == 'b') { t = t-0.5; } }
@vne8112
8 жыл бұрын
+the1337er tap it if (key == 'v') { t = t-2; }
@bastibob660
4 жыл бұрын
vne that isnt slowmo its moving backwards
@DavidDaybreakASMR
7 жыл бұрын
I'm learning Processing programming right now, and you introduced a few functions I haven't seen (as well as that AMAZING affect), SO THANK YOU!! I'll comment later with my code for my sketch :)
@ricksande2210
3 жыл бұрын
You made that sketch yet?
@SayanGHD
7 жыл бұрын
Guess what. cos(-x) equals cos(x). :)
@fredrikpeterson1987
4 жыл бұрын
i did some change in code pretty simular to win 98 screensaver now we need to put another color so they can change // y = 5x // x = 5t // y = 3t + 3 static final int NUM_LINES = 10; float t; void setup() { background(20); size(1280, 800); } void draw() { background(10); stroke(55,10,255); strokeWeight(1); translate(width/2, height/2); for (int i = 0; i < NUM_LINES; i++) { line(x1(t + i), y1(t + i), x2(t + i), y2(t + i)); line(x3(t + i), y3(t + i), x4(t + i), y4(t + i)); } t += 0.5; } float x1(float t) { return sin(t / 10) * 100 + sin(t / 5) * 100; } float y1(float t) { return cos(-t / 10) * 100 + sin(t / 5) * 150; } float x2(float t) { return sin(t / 10) * 200 + sin(t) * 2 + cos(t) * 10; } float y2(float t) { return cos(t / 20) * 200 + cos(t / 12) * 20; } float x3(float t) { return sin(t / 10) * 100 + sin(t / 20) * 200; } float y3(float t) { return cos(-t / 10) * 100 + sin(t / 5) * -150; } float x4(float t) { return sin(t / 10) * 200 + sin(t) * 2 + cos(t) * 10; } float y4(float t) { return cos(t / 20) * 200 + cos(t / 12) * -200; }
@ifoundthistoday
3 жыл бұрын
nice one
@saeedzare2410
6 жыл бұрын
such a cool code remind me of old memory Basic with Commodore 64 Thanks !
@xtevetyler5332
8 жыл бұрын
ah ha . Lissajouss images, I used to generate such images using my own Bresenham's line algorithm's and fast symmetry circle construction without sin/cosine derivatives simply mirror *8 and compute
@chrisgavin
6 жыл бұрын
Great intro to early CG art and processing too. I'm just looking into processing and this was really useful. Thanks so much Mr. Miller. Here's one I made based on this... float t; float ball1x =0; float ball1y =0; float ball2x =0; float ball2y =0; void setup() { frameRate(25); background(20); size(720,720); } void draw() { background(0); stroke(255); strokeWeight(1); translate(width/2, height/2); rotate (radians(t)); for (int i=0;i
@ProjectDevious
5 жыл бұрын
Thus looks amazing
@simasglebavicius2085
5 жыл бұрын
Brilliant
@tomasgomez1906
2 жыл бұрын
what is "n" in that code?
@internalinjectiontrulyhere770
2 жыл бұрын
Mocion
@rzeka
8 жыл бұрын
I like your voice a lot
@robertmullally8001
8 жыл бұрын
Make more videos! This was fantastic!
@jasonarmstrong6546
6 жыл бұрын
Just finished watching this kzitem.info/news/bejne/qGhovmmObWuHm4I and was thinking how can I replicate in Processing, then in recommended this came up. Just awesome!
@BobIrving2
4 жыл бұрын
Has anyone "translated" this code to p5.js? I'm trying to work it out but getting confused.
@drj9403
4 жыл бұрын
Its actually at Official website p5js.org/examples/math-parametric-equations.html
@lisacole2897
5 жыл бұрын
Incredibly helpful thank you. I followed along and added the code as you did and it helped me understand what I was doing so much better than copying and pasting. I've managed my very first Processing programme thanks to you! Your descriptions are really clear. Now I just need to work out how to get external data to generate the maths :-)
@josetordesillas6706
3 ай бұрын
Awsome tutorial, thanks Alexander!!!!!
@goatmen7996
Жыл бұрын
this can be good for a music video
@davidprentice5442
2 жыл бұрын
the 1968 computer is a Xerox Alta ?
@oooBASTIooo
7 жыл бұрын
He certainly doesn't understand what a curve is ^^
@hellobluedays
5 жыл бұрын
how to save the video man ? but when i saved it to png the outcome was blank and all black. Does anyone know how to solve this? // y = 5x // x = 5t // y = 3t + 3 static final int NUM_LINES =10; float t; void setup() { size(500, 500); background(0); } void draw() { background(0); stroke(255); strokeWeight(5); hint(DISABLE_ASYNCSAVEFRAME); saveFrame("output/gol####.tif"); translate(width/2, height/2); for (int i = 0; i < NUM_LINES; i++) { line(x1(t + i), y1(t + i), x2(t + i), y2(t + i)); } t++; } float x1(float t) { return sin(t / 10) * 100 + sin(t / 5) * 20; } float y1(float t) { return cos(t /10) * 100; } float x2(float t) { return sin(t / 10) * 200 + sin(t) * 2; } float y2(float t) { return cos(t / 20) * 200 + cos(t / 12) * 20; }
@nikolchang4571
8 жыл бұрын
i just do exactly same type as you are,but i'm stuck in 'point(x(t),y(t);)',my computer alert me 'function y(float) doesn't exist' how can i fix it?
@bjornsundin5820
8 жыл бұрын
NiKol Chang well.. you need to make the function. also, put the ; at the very end of the line.
@ta-ya-music
3 жыл бұрын
please make more I subscribed
@erichomsy
3 жыл бұрын
unbelievably based
@PunmasterSTP
2 жыл бұрын
Dang that was interesting, and I’ve been hearing a lot about Processing lately. Thanks for putting this video together!
@MinnoqWV
2 жыл бұрын
Thanks Alexander, this is a great tutorial, very helpful!
@ryan7288
6 жыл бұрын
Hello, I was hoping maybe you could help me with this program. I am taking a course in university and well to be honest my professor isn't very helpful at all and I am having to learn everything myself which is fine but I got about a month to finish everything up. Any chance I could show you the assignments and you could lead me in the right directions?
@PharoahJardin
7 жыл бұрын
If you look closely at the original video, you can notice that no lines actually disappear or appear, they "glide" from one position to another. Whereas in your animation, its seems as though they're not moving at all : the last line disappears and a new line appears in the front, but no line actually glides...
@procactus9109
7 жыл бұрын
I have something I made in QB45 when I was 13ish. Seems I independently discovered this. I learnt/discovered how to draw a circle pixel by pixel. I was also bouncing lines off the edges of the screen. One day I made a very small program that did what you just did. I had no idea how it worked. All I know is nothing in the code was telling my line ends to bounce off the edge of the screen, yet it was doing it in a non repetitious way. I was also able to use all 256K colours, but only 16 at a time. Then I lose the fucking source code, All I have left is an EXE file :(
@fewtz9446
Жыл бұрын
it's so interesting you said "the key to that is to layer up sins and cosines on top of each other", because i knew that logically from uni- that's the basis of a fourier series
@tubeMonger
4 жыл бұрын
That's not really the same. All of the lines have their own movements / trajectories in the original animation.
Пікірлер: 183