We are all amazed someone can translate their thoughts from one language into another and think out loud on a highly technical subject and make it work. No apologies are ever needed.
Coding, explaining and doing things in English may be hard for you, but you did it extremely well. Your English is very good, as is your explaining your code in this language we all share with each other around the world.
Hi Divya, you're very welcome! Fortunately you don't have to rely on the program of your design school, because you can learn creative coding on your own. Your teachers will probably love what they see if you do a project with it!
This video is perfect for a coding and English learning beginner as me, and the elegant interface with a handsome face on the corner make it really pleasant to watch! thanks!!!!
you are amazing! thank you so much for this. as a design university student who is feeling quite disappointed with their course, generative art gives me hope and some motivation to keep working hard! the fact that you make this so accessible and free is unreal to me! thank you! and also i think your english is pretty good, no need to worry :)
The videos are amazing. I admire your hard work and your patience to walk the audience through every little steps knowing where we would have questions and where it is hard to follow. Thank you so much for doing this, you make coding easy like peeling bananas!
I learned so much on this as from the country wasn't using english as a first lang. either. So I understand completely. This is amazing to heal my mental health. Thank you!
WOW - this is one of those tuts that explain several complex/powerful, important techniques in a very, *very* simple, well laid out method. Also your English is excellent, which helps with learning. Thank you so much for sharing your time & expertise - Merry Christmas from Alaska, USA.
great tutorial! I was taught a bit of Processing at university, and these videos have been really helpful with getting me familiar with coding again. a heads up for anyone doing this on an M1 MacBook - if you're having problems with the sketch, use the frameRate(); command in your void setup().
Wonderful tutorial, Tim! Simple concepts that were hard to figure out by myself (like taking the brightness of a pixel and setting it as basis to determine the size of an object). Amazing!
Great tutorial, thanks!! FYI if you are a Mac user: I had the issue, that on my mac machine (running Big Sur 11.2.3) the P3D didn't work for some reason. The sketch simply shows an empty window when calling P3D in size(). I had to change some of the .jar files in the JAVA library that comes with processing for it to work. Now it runs. Just google for it and you’ll find a thread on github about that topic.
Hey, yes, this is a super weird which has to do with the combination of Processing 3 and recent Mac Operating Systems. An easy and weird fix is to put the frameRate()-function into the setup().-function. But the better fix is to use Processing 4 instead
Richtig richtig guter Content! Geile Effekte, stark erklärt und allgemein sympathisch! Würd mich über weitere Videos (vielleicht etwas fortgeschrittenere Projekte) freuen!
loved the tutorial. for some reason as soon as I added P3D to the size the sketch would pop up but never display anything... I was able to use the rasterization process though and it works great! thanks for making these videos!
Appreciate you speaking English, I know how hard it is to explain technical stuff in other language. Also, Deutsch ist meine dritte Sprache und manchmal bin ich sprachlos, wenn ich jemandem etwas erkläre haha.
What a wonderful tutorial Mr. Rodenbroker. Thank you so much!. I'll certainly post what i learn from this tutorial on our facebook page (the one you created) - Creative Coding with Processing and P5.js
Sweet video man. I have never really used js or processing. I set apart a section in my scribler to learn more about it. (Young and retired with nerdy hobbies) haha. Once again, amazing lesson.
Fantastic! You’re very good, thank you for helping me get into something I wasn’t supposed to get into, as I don’t like math, but I’m following code art, for sure!
Thanks for your amazing tutorials, It absolutely advanced my skills and my working through learning and following your teaching via ur video. it genuinely makes my work really abundant than before. I'm really appreciated you ! thanks
I keep getting "variable does not exist" and "img cannot be resolved to a variable" errors on the 3rd loadimage line. I copied and pasted your code, dropped in a jpg image into the sketch and replaced venus with the corresponding image name. What am I missing? edit: So I went back to your older tut on rasterizing images and downlaoded that project and your venus.jpg image. It worked on Processing 4. I'm a noob but I would imagine there was some issue with my picture image or the syntax? The lines of code are different between your new and older videos. Which is confusing because you did mention that processing can process and convert all kinds of formats. Thank you for making these tutorials.
HI I also have the problem with the '' RuntimeException: Too many calls to pushMatrix(). '' . I know some people have already asked about it but i couldnt find an aswer to it online. Thank you for your`e time. Take care
hello! this is excellent. thank you so much! a couple of questions.... 1) can i keep the original colour of the photography in the raster/ is there a way to detect it in the Processing code...? 2) how can i change the speed of the rotation? thank you so much!
Hey! Just search for colors in Processing, then you will find lots of helpful links. The speed is controlled with the frameCount so if you multiply the frameCount by 0.5 for example you should get the desired result.
Great tutorial! Also, please don't feel self conscious about your English since it is not bad at all. I followed this tutorial using p5.js instead of processing and was able to follow through perfectly, however my javascript render is laggy and suffers from low framerates (approx. 15 to 20 FPS only). Do you know if there is a way to optimize when working with p5.js instead of regular processing?
Hi, thanks for the great tutorial! Dumb question, for me the spheres are generated on the image's background even though it's white? So when its rotating theres this giant wall of sphere that follows the subject and it looks horrible. Is there a way to fix it so that the spheres are only generated on the subject itself? Thank you :)
Many ways. I would just edit the image with a simple lasso tool in say photoshop. You could mask too but again that's more effort. You could also choose any values that are white to be ignored etc. I would definitely just edit the image.
Hi! I've been looking forward to try coding, because in an assignment last semester we were told to animate and your videos popped up and ever since then I've been saving them for later. What I'm wondering is can you also rasterize a video? And also can the tile size be also animated, as in over time they get bigger or smaller? And also in conjuction with the tile amount? Another question that popped into my mind, is that can these numbers vary inside the image you put in? Like in one area the tile size is 10 but in another it's 60 or something? Which also got me thinking of maybe these variables could be animated as well? I know i hava a lot of questions, but your video really got me thinking how this whole coding language works. I don't know if you've covered these before, I'll defenetly be looking through your videos nonentheless, so thank you!
Does anyone know how to precisely eliminate the alpha channel from a png file when loading it in processing?? If I leave it as is it renders the image's alpha channel as total black. btw thank you so much for this tutorial!
i don't know why but the P3D mode doesn't appear to work on mac.... i googled a couple of times, but seems some of people got the same problems, and no one has figured.... (cry
@@timrodenbroeker Thanks, but after i put it into setup-function, it shows another "Syntax error". But i work it out by putting "surface.setResizable(true);" into setup-function! thanks again!
Hello, thank you very much for the tutorial but I have a question, I hope you can answer Can you put multiple images in a single code to be projected at the same time? I need it for a school project but I don't know how to do it for
We are all amazed someone can translate their thoughts from one language into another and think out loud on a highly technical subject and make it work. No apologies are ever needed.
Thank you very much for these beautiful words!
Couldn´t agree more! Now I wanna see all your tutorials! Thanks for sharing your work and ideas!
Speak for yourself.
Coding, explaining and doing things in English may be hard for you, but you did it extremely well. Your English is very good, as is your explaining your code in this language we all share with each other around the world.
i gotta say this is one of the coolest tutorials i've ever seen
Wow, that's a great compliment. Thank you !!!
Genius you. I can't fathom how much brain power it takes to translate and code and explain all at the same time. Brilliant. Good job!
Hi Michael, many thanks!! Indeed it costs a lot of energy!
Thanks for teaching me things my design school never would :-)
Hi Divya, you're very welcome! Fortunately you don't have to rely on the program of your design school, because you can learn creative coding on your own. Your teachers will probably love what they see if you do a project with it!
i realize it is kinda randomly asking but do anybody know a good place to watch new movies online?
@Harvey Douglas I watch on FlixZone. You can find it by googling =)
@Harvey Douglas Lately I have been using FlixZone. Just search on google for it :)
@Harvey Douglas i would suggest Flixzone. You can find it on google =)
This video is perfect for a coding and English learning beginner as me, and the elegant interface with a handsome face on the corner make it really pleasant to watch! thanks!!!!
New to Processing - finding your tutorials explain parts but then just rush ahead. I imagine they're good for people who aren't beginners.
Hi Booo! Maybe my Creative Coding Essentials Course is good to dive in: timrodenbroeker.de/courses/creative-coding-essentials/
you are amazing! thank you so much for this. as a design university student who is feeling quite disappointed with their course, generative art gives me hope and some motivation to keep working hard! the fact that you make this so accessible and free is unreal to me! thank you!
and also i think your english is pretty good, no need to worry :)
Hey Joao, thank you very much, i love to hear that!
Thanks Joao!
university education on arts is terrible. waste of money. unfortunately i also spent too much money on disappointing education on fine arts.
Thank you very much for these nice words!!!
The videos are amazing. I admire your hard work and your patience to walk the audience through every little steps knowing where we would have questions and where it is hard to follow. Thank you so much for doing this, you make coding easy like peeling bananas!
Thank you very much !!!
I learned so much on this as from the country wasn't using english as a first lang. either. So I understand completely. This is amazing to heal my mental health. Thank you!
Need another like button that says: THIS IS GREAT; IVE BEEN SEARCHING FOR THIS; THANKS A LOT. Need that button.
WOW - this is one of those tuts that explain several complex/powerful, important techniques in a very, *very* simple, well laid out method. Also your English is excellent, which helps with learning. Thank you so much for sharing your time & expertise - Merry Christmas from Alaska, USA.
Thnaks Jerry!! Love to hear that!!
I do very basic things in processing, your videos are on another level.
Just take some time, i think the tutorials are easier than you think
Wow this is sick. I added the word Matrix after everything that said push() or pop() and got the code to work.
great tutorial! I was taught a bit of Processing at university, and these videos have been really helpful with getting me familiar with coding again.
a heads up for anyone doing this on an M1 MacBook - if you're having problems with the sketch, use the frameRate(); command in your void setup().
Thanks for teaching 3D Processing Tutorial !
I'm a beginner for Processing, your videos really help me a lot.
Wonderful tutorial, Tim! Simple concepts that were hard to figure out by myself (like taking the brightness of a pixel and setting it as basis to determine the size of an object). Amazing!
Thank you very much!
So I just make my first processing project. Well thank you :)
Great job man! And great English too! We understood everything! Thank you so much for sharing your knowledge with us!
Hugs from Portugal
Thank you very much Marco!
Great tutorial! Useful and simply explained!
thanks for sharing your knowledege Tim!
Sure! Love to do that!
Danke Tim, deine Videos sind super hilfreich!
Thanks for sharing the knowledge.
My pleasure! :-)
Great tutorial, thanks!! FYI if you are a Mac user: I had the issue, that on my mac machine (running Big Sur 11.2.3) the P3D didn't work for some reason. The sketch simply shows an empty window when calling P3D in size(). I had to change some of the .jar files in the JAVA library that comes with processing for it to work. Now it runs. Just google for it and you’ll find a thread on github about that topic.
Hey, yes, this is a super weird which has to do with the combination of Processing 3 and recent Mac Operating Systems. An easy and weird fix is to put the frameRate()-function into the setup().-function. But the better fix is to use Processing 4 instead
Insanely clever and easy trick you just showed in here :D
Awesome tutorial, you're an excellent teacher!
Thank you!
Your videos are great! Your English is very good as well. No worries.
Richtig richtig guter Content! Geile Effekte, stark erklärt und allgemein sympathisch! Würd mich über weitere Videos (vielleicht etwas fortgeschrittenere Projekte) freuen!
This was awesome on many levels.
beautiful work. You have a new fan.
Thank you!
Thanks for this useful and inspiring tutorial. Great!
Thank you for the video, very simple and straightforward, even if I don't understand anything, I was able to make the same effect
Thank you very much, your channel is amazing
Thank you !!! 🙏
loved the tutorial. for some reason as soon as I added P3D to the size the sketch would pop up but never display anything... I was able to use the rasterization process though and it works great! thanks for making these videos!
Love to hear that! Thank you!
you are the bosssss🔥🔥 Your tutorials really help me to introduce in code aplications my designs
Appreciate you speaking English, I know how hard it is to explain technical stuff in other language. Also, Deutsch ist meine dritte Sprache und manchmal bin ich sprachlos, wenn ich jemandem etwas erkläre haha.
Hey Tim, it's a great tutorial, thank you. Keep going, stay yourself.
Thank you Vlad!
Such a dope tutorial! I'd love to see more!
Thank you very much! I
Awesome tutorial. Thank you!
I enjoyed this tutorial. Thanks Tim! The resize trick is something really cool!
Thanks !!!
Your English is awesome, thank you for the tutorial
I am so diving into your design teaching video and you, please keeping upload it, I will always be your audience.
Thanks Andy!
What a wonderful tutorial Mr. Rodenbroker. Thank you so much!. I'll certainly post what i learn from this tutorial on our facebook page (the one you created) - Creative Coding with Processing and P5.js
Fantastic! Excited to see what you'll post then. I have to mention that i have not created that group but i am an admin (i think) :-D Best, Tim
Thank you for this tutorial, following along was very enjoyable, I learnt so much 🌞🌞🌞
Thank you !!
Sweet video man. I have never really used js or processing. I set apart a section in my scribler to learn more about it. (Young and retired with nerdy hobbies) haha.
Once again, amazing lesson.
I really enjoyed your tutorial, great stuff!
Dude, thank you very much for everything you've done! You're bringing such a useful content to youtube! A true inspiration!
Thank you !!! Love to hear that !!!
Thank you for sharing your knowledge. This is an inspiring channel. P.S. your English is solid.
Thanks a lot!
Thank you for the tutorial! It was super useful and comprehensive!
Wow, dankeschoen! you are great at explaining in English, well done, so helpful :)
Are the forward and backward animations detailed in another video or your course? How can I make the particles move forward and backwards? Thanks Tim!
if anyone knows how to do this effect, and if he can share with us
Fantastic!
You’re very good, thank you for helping me get into something I wasn’t supposed to get into, as I don’t like math, but I’m following code art, for sure!
Coding is 99% language, 1% math
good stuff! thanks!
Brother thank you so much for this...you’re doing an amazing job explaining this process by the way💪🏾🔥🔥
Thanks, i love to hear you like it!
Wonderful lecture!! Thank you so much !
Love it. Expect more from you. Such a gem content :)
Thank you very much!
Thanks for your amazing tutorials, It absolutely advanced my skills and my working through learning and following your teaching via ur video. it genuinely makes my work really abundant than before. I'm really appreciated you ! thanks
I loved it! Thank you very much!
Great work! And your tutorials are very easy to understand. Thanks for that :)
Love to hear that, thanks a lot!
Great! But how to achieve a different image on backside while rotating like you showed in the beginning?
How to make movement with the tiles?
Is there a way to automatic color change of the tiles
I keep getting "variable does not exist" and "img cannot be resolved to a variable" errors on the 3rd loadimage line. I copied and pasted your code, dropped in a jpg image into the sketch and replaced venus with the corresponding image name. What am I missing?
edit: So I went back to your older tut on rasterizing images and downlaoded that project and your venus.jpg image. It worked on Processing 4. I'm a noob but I would imagine there was some issue with my picture image or the syntax? The lines of code are different between your new and older videos. Which is confusing because you did mention that processing can process and convert all kinds of formats. Thank you for making these tutorials.
Great approach! Thank You
You are awesome.
Amazing!
nice work!... Is there a way to make the image react with a sound? tks, Mr.!
Nice! Keep the good work!
amazing, any clue to make the noise effect of the beggining? im a noob on this but i really want to achive that effect so bad.
HI
I also have the problem with the '' RuntimeException: Too many calls to pushMatrix().
'' .
I know some people have already asked about it but i couldnt find an aswer to it online.
Thank you for your`e time.
Take care
Hi Moritz! popMatrix() will do the trick! Make sure you put it into the right position.
Hi, i really like what you do, looks pretty cool. Which program do u use for that?
processing
Super cool! love it!!
Thank u so much!!This was an amazing video!
I have a question but is it possible to create this in color mode and not black and white?
Hi there , how can l zoom the image? like the first example in the video
, thanxs
Hi, Thank you, I learned a lot from you. And I have a problem asking you. I stuck with "Too many Cells to push" how to fix that?
Well done!
thanks sir, its great tutorial for me
Is it possible to have bended lines instead of spheres?
Hey, do you think this is possible with video instead of a photo? Maybe even a live Webcam video?
Yep, that's possible! You can use the video-libraray for Processing for this purpose
What is the folder structure, so the coding recognizes the photo.
fucking legendary tim god blesses you
Thanks for your video ! How can I speed up the image rotation please ?
Hey! Try tweaking the values a bit.You can easily find that out i think! (Y)
Thank you ! I found !
hello! this is excellent. thank you so much!
a couple of questions....
1) can i keep the original colour of the photography in the raster/ is there a way to detect it in the Processing code...?
2) how can i change the speed of the rotation?
thank you so much!
Hey! Just search for colors in Processing, then you will find lots of helpful links. The speed is controlled with the frameCount so if you multiply the frameCount by 0.5 for example you should get the desired result.
@@timrodenbroeker Thank you for your reply!
wow man , this is so beautifull , especially when that z kicked in :P :)👌💯 if you are giving a course in the future , i will follow it !
Hey! Thanbk you very much! You can follow my courses here: timrodenbroeker.de/
Great tutorial! Also, please don't feel self conscious about your English since it is not bad at all.
I followed this tutorial using p5.js instead of processing and was able to follow through perfectly, however my javascript render is laggy and suffers from low framerates (approx. 15 to 20 FPS only). Do you know if there is a way to optimize when working with p5.js instead of regular processing?
Thanks, love to hear that!
color c = img.get(int(x*tileSize),int(y*tileSize));
I am getting the following error for the above line.
The function parseİnt(float) does not exist.
Awesome!
hey one question. how to get the colors from the image instead of creating a black and white version of it
Hi, thanks for the great tutorial! Dumb question, for me the spheres are generated on the image's background even though it's white? So when its rotating theres this giant wall of sphere that follows the subject and it looks horrible. Is there a way to fix it so that the spheres are only generated on the subject itself? Thank you :)
Good question !
Many ways. I would just edit the image with a simple lasso tool in say photoshop. You could mask too but again that's more effort. You could also choose any values that are white to be ignored etc. I would definitely just edit the image.
Great Tutorial, Thank You a lot!
Hi! I've been looking forward to try coding, because in an assignment last semester we were told to animate and your videos popped up and ever since then I've been saving them for later. What I'm wondering is can you also rasterize a video? And also can the tile size be also animated, as in over time they get bigger or smaller? And also in conjuction with the tile amount? Another question that popped into my mind, is that can these numbers vary inside the image you put in? Like in one area the tile size is 10 but in another it's 60 or something? Which also got me thinking of maybe these variables could be animated as well? I know i hava a lot of questions, but your video really got me thinking how this whole coding language works. I don't know if you've covered these before, I'll defenetly be looking through your videos nonentheless, so thank you!
Wow!!! Love this!
Does anyone know how to precisely eliminate the alpha channel from a png file when loading it in processing?? If I leave it as is it renders the image's alpha channel as total black.
btw thank you so much for this tutorial!
i don't know why but the P3D mode doesn't appear to work on mac.... i googled a couple of times, but seems some of people got the same problems, and no one has figured.... (cry
Hey! That's a very common bug, you have to put frameRate(30) into your setup-function. Then it will work. Good luck!
@@timrodenbroeker Thanks, but after i put it into setup-function, it shows another "Syntax error". But i work it out by putting "surface.setResizable(true);" into setup-function! thanks again!
loved this
It sooo cool
I now right
Hi is it possible to export this rasterized image as a vector?
Is it possible to use this technique to create a portrait in morse code tim?
Yes, absolutely.
@@timrodenbroeker Thanks!
can you export as .gltf or .glb files?
What programme can I use to try your tutorials out? This would really help with my university project?
Hey! You can use Processing, just go to processing.org/
@@timrodenbroeker thank you!!
processing.org/
Hello, thank you very much for the tutorial but I have a question, I hope you can answer
Can you put multiple images in a single code to be projected at the same time? I need it for a school project but I don't know how to do it for