Rasterize 3D (Processing Tutorial)

[@jackdiddley1005]

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.

[@timrodenbroeker]

Thank you very much for these beautiful words!

[@cuatrogatoslocos-salta1337]

Couldn´t agree more! Now I wanna see all your tutorials! Thanks for sharing your work and ideas!

[@sonification8147]

Speak for yourself.

[@mattsadventureswithart5764]

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.

[@divoojilly]

Thanks for teaching me things my design school never would :-)

[@timrodenbroeker]

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!

[@harveydouglas5496]

i realize it is kinda randomly asking but do anybody know a good place to watch new movies online?

[@miguelkannon6495]

@Harvey Douglas I watch on FlixZone. You can find it by googling =)

[@judahcallum8504]

@Harvey Douglas Lately I have been using FlixZone. Just search on google for it :)

[@kasonmarcelo1529]

@Harvey Douglas i would suggest Flixzone. You can find it on google =)

[@thestone7712]

i gotta say this is one of the coolest tutorials i've ever seen

[@timrodenbroeker]

Wow, that's a great compliment. Thank you !!!

[@michaelsalais7393]

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!

[@timrodenbroeker]

Hi Michael, many thanks!! Indeed it costs a lot of energy!

[@oreoreo68]

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!

[@timrodenbroeker]

Thank you very much !!!

[@xFZYEDITS]

Need another like button that says: THIS IS GREAT; IVE BEEN SEARCHING FOR THIS; THANKS A LOT. Need that button.

[@carl2072]

New to Processing - finding your tutorials explain parts but then just rush ahead. I imagine they're good for people who aren't beginners.

[@timrodenbroeker]

Hi Booo! Maybe my Creative Coding Essentials Course is good to dive in: timrodenbroeker.de/courses/creative-coding-essentials/

[@joaomiguelpratas]

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

[@timrodenbroeker]

Hey Joao, thank you very much, i love to hear that!

[@timrodenbroeker]

Thanks Joao!

[@exshenanigan2333]

university education on arts is terrible. waste of money. unfortunately i also spent too much money on disappointing education on fine arts.

[@timrodenbroeker]

Thank you very much for these nice words!!!

[@frankyfurbo396]

So I just make my first processing project. Well thank you :)

[@nonthapornketmanee2388]

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!

[@katherinemazzei9888]

Thank you very much, your channel is amazing

[@timrodenbroeker]

Thank you !!! 🙏

[@loganp82]

Wow this is sick. I added the word Matrix after everything that said push() or pop() and got the code to work.

[@dissolve842]

I do very basic things in processing, your videos are on another level.

[@timrodenbroeker]

Just take some time, i think the tutorials are easier than you think

[@Happen2Bme]

Thanks for sharing the knowledge.

[@timrodenbroeker]

My pleasure! :-)

[@PongPong_PJ]

Thanks for teaching 3D Processing Tutorial ! I'm a beginner for Processing, your videos really help me a lot.

[@marcobartolo5511]

Great job man! And great English too! We understood everything! Thank you so much for sharing your knowledge with us! Hugs from Portugal

[@timrodenbroeker]

Thank you very much Marco!

[@datadrivendot]

Amazing!

[@designersperspective]

Richtig richtig guter Content! Geile Effekte, stark erklärt und allgemein sympathisch! Würd mich über weitere Videos (vielleicht etwas fortgeschrittenere Projekte) freuen!

[@codeultra_]

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!

[@timrodenbroeker]

Thank you very much!

[@user-ox9li9xd6v]

Thank you for the video, very simple and straightforward, even if I don't understand anything, I was able to make the same effect

[@botz77]

Your videos are great! Your English is very good as well. No worries.

[@borjonx]

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.

[@timrodenbroeker]

Thnaks Jerry!! Love to hear that!!

[@garethmcmurchy1190]

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

[@markptak5269]

This was awesome on many levels.

[@chobi4576]

thanks for sharing your knowledege Tim!

[@timrodenbroeker]

Sure! Love to do that!

[@holoarcade]

Danke Tim, deine Videos sind super hilfreich!

[@chrstndtz8782]

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.

[@timrodenbroeker]

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

[@leandro1674]

Awesome tutorial. Thank you!

[@aamicicomposer]

Great tutorial! Useful and simply explained!

[@2496audio]

Thanks for this useful and inspiring tutorial. Great!

[@CAZZ422]

good stuff! thanks!

[@yurakennardokusnar5792]

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.

[@jstownsend]

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!

[@timrodenbroeker]

Love to hear that! Thank you!

[@jstro-hobbytech]

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.

[@user-fj9ge9zl8b]

Thank you for the tutorial! It was super useful and comprehensive!

[@antoinedevldn]

Insanely clever and easy trick you just showed in here :D

[@__________________________6910]

You are awesome.

[@ndiea5691]

I am so diving into your design teaching video and you, please keeping upload it, I will always be your audience.

[@timrodenbroeker]

Thanks Andy!

[@Sharpener00]

Awesome!

[@ganjamangaaiaaai9396]

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 !

[@timrodenbroeker]

Hey! Thanbk you very much! You can follow my courses here: timrodenbroeker.de/

[@andreugelabertsalva5210]

you are the bosssss🔥🔥 Your tutorials really help me to introduce in code aplications my designs

[@eschuurm]

Well done!

[@OKelvinClark]

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

[@timrodenbroeker]

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

[@somecho]

I enjoyed this tutorial. Thanks Tim! The resize trick is something really cool!

[@timrodenbroeker]

Thanks !!!

[@abhinavkandwal3807]

Thank you for this tutorial, following along was very enjoyable, I learnt so much 🌞🌞🌞

[@timrodenbroeker]

Thank you !!

[@biancapaiaro6617]

I loved it! Thank you very much!

[@stas8637]

Wow, dankeschoen! you are great at explaining in English, well done, so helpful :)

[@j58688grgrs]

Awesome tutorial, you're an excellent teacher!

[@timrodenbroeker]

Thank you!

[@bebophippie1781]

beautiful work. You have a new fan.

[@timrodenbroeker]

Thank you!

[@williamgarcia3697]

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!

[@igorjee]

Coding is 99% language, 1% math

[@vladimirstrigunov7412]

Hey Tim, it's a great tutorial, thank you. Keep going, stay yourself.

[@timrodenbroeker]

Thank you Vlad!

[@pernillelegerkristensen5977]

Such a dope tutorial! I'd love to see more!

[@timrodenbroeker]

Thank you very much! I

[@UIFIG]

Dude, thank you very much for everything you've done! You're bringing such a useful content to youtube! A true inspiration!

[@timrodenbroeker]

Thank you !!! Love to hear that !!!

[@sonnyl2915]

😮 I'm just wow!

[@shaquilleabdul-rasheed9041]

Brother thank you so much for this...you’re doing an amazing job explaining this process by the way💪🏾🔥🔥

[@timrodenbroeker]

Thanks, i love to hear you like it!

[@hehe8180]

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

[@nodeart7928]

I really enjoyed your tutorial, great stuff!

[@user-nu4jc5ul8r]

Wonderful lecture!! Thank you so much !

[@elJohnnySilva]

Your English is awesome, thank you for the tutorial

[@tinacrisst]

Great work! And your tutorials are very easy to understand. Thanks for that :)

[@timrodenbroeker]

Love to hear that, thanks a lot!

[@surya-td4dg]

Love it. Expect more from you. Such a gem content :)

[@timrodenbroeker]

Thank you very much!

[@HouseOfHorusWorld]

Super cool! love it!!

[@andreavercetti2366]

Great approach! Thank You

[@fabiopaolucci6850]

Thank you for sharing your knowledge. This is an inspiring channel. P.S. your English is solid.

[@timrodenbroeker]

Thanks a lot!

[@CopperNic1972]

Wow!!! Love this!

[@vladbalan5513]

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!

[@ararisscr501]

if anyone knows how to do this effect, and if he can share with us

[@prietjepruck]

Thanks, very helpfull.

[@sd5996]

Brilliant

[@bozigna3603]

amazing! thx a lot

[@CodingNap]

thanks sir, its great tutorial for me

[@erichomsy]

fucking legendary tim god blesses you

[@iuliusaudio5268]

Great Tutorial, Thank You a lot!

[@lucascamargo6654]

so good! Thank you so much

[@victormenchaca2420]

Nice! Keep the good work!

[@guerreronikelaos2838]

thank you so much. SUCH A BLESSING.

[@timrodenbroeker]

Thank you for your nice words!

[@Phipanjo]

Great! 🎉

[@ayesha1025]

It sooo cool

[@muhammadandayesha5926]

I now right

[@RhamonCristian]

loved this

[@moritz7782]

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

[@timrodenbroeker]

Hi Moritz! popMatrix() will do the trick! Make sure you put it into the right position.

[@sd5996]

How to make movement with the tiles? Is there a way to automatic color change of the tiles

[@pakidevstuff5769]

this is so coooool

[@mosonic]

Thankyou!

[@suparta8303]

thanks foryour video

[@DeathTrapProductions]

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.

[@marten-gamblens]

Hey, do you think this is possible with video instead of a photo? Maybe even a live Webcam video?

[@timrodenbroeker]

Yep, that's possible! You can use the video-libraray for Processing for this purpose

[@rawa6496]

Thank you!!!

[@benshas]

Hi there , how can l zoom the image? like the first example in the video , thanxs

[@fabriciovrtx3875]

nice work!... Is there a way to make the image react with a sound? tks, Mr.!

[@nicolaschan3335]

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

[@lch7145]

Good question !

[@iamunknown8699]

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.

[@shiyo574]

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?

[@alexandervalenzuela3117]

Hi, i really like what you do, looks pretty cool. Which program do u use for that?

[@ialper1521]

processing

[@sydneysolomon5500]

What is the folder structure, so the coding recognizes the photo.

[@le-0ne]

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?

[@timrodenbroeker]

Thanks, love to hear that!

[@RPS3000]

Is it possible to have bended lines instead of spheres?

[@theman7050]

Great! But how to achieve a different image on backside while rotating like you showed in the beginning?

[@Vampaie]

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?

[@kasperbisgaard758]

Is there any way to do this with a video file also? I have been trying for a long time now and can't seem to figure it out. Can you give any advice? :)

[@timrodenbroeker]

Hi Kaspar! That's not so easy and requires a bit of experience. You can use the Processing-Video-library for that.

[@the_kick_]

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!

[@s.o.s.l.o.w]

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.