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.

[@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!

[@LyleG-i8d]

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

[@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 =)

[@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/

[@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 !!!

[@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!!!

[@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!

[@xFZYEDITS]

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

[@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!!

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

[@PongPong_PJ]

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

[@percivalpenncoloring]

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!

[@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!

[@aamicicomposer]

Great tutorial! Useful and simply explained!

[@loganp82]

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

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

[@SUMMERXIA0714]

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

[@antoinedevldn]

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

[@botz77]

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

[@markptak5269]

This was awesome on many levels.

[@andreugelabertsalva5210]

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

[@holoarcade]

Danke Tim, deine Videos sind super hilfreich!

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

[@chobi4576]

thanks for sharing your knowledege Tim!

[@timrodenbroeker]

Sure! Love to do that!

[@bebophippie1781]

beautiful work. You have a new fan.

[@timrodenbroeker]

Thank you!

[@j58688grgrs]

Awesome tutorial, you're an excellent teacher!

[@timrodenbroeker]

Thank you!

[@fabiopaolucci6850]

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

[@timrodenbroeker]

Thanks a lot!

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

[@somecho]

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

[@timrodenbroeker]

Thanks !!!

[@katherinemazzei9888]

Thank you very much, your channel is amazing

[@timrodenbroeker]

Thank you !!! 🙏

[@2496audio]

Thanks for this useful and inspiring tutorial. Great!

[@Happen2Bme]

Thanks for sharing the knowledge.

[@timrodenbroeker]

My pleasure! :-)

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

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

[@stas8637]

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

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

[@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 !!!

[@vladimirstrigunov7412]

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

[@timrodenbroeker]

Thank you Vlad!

[@abhinavkandwal3807]

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

[@timrodenbroeker]

Thank you !!

[@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!

[@designersperspective]

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

[@leandro1674]

Awesome tutorial. Thank you!

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

[@frankyfurbo396]

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

[@pernillelegerkristensen5977]

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

[@timrodenbroeker]

Thank you very much! I

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

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

[@fabriciovrtx3875]

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

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

[@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!

[@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!

[@HouseOfHorusWorld]

Super cool! love it!!

[@ЛизаЗахарова-д7г]

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

[@elJohnnySilva]

Your English is awesome, thank you for the tutorial

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

[@tinacrisst]

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

[@timrodenbroeker]

Love to hear that, thanks a lot!

[@nodeart7928]

I really enjoyed your tutorial, great stuff!

[@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?

[@surya-td4dg]

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

[@timrodenbroeker]

Thank you very much!

[@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?

[@sd5996]

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

[@theman7050]

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

[@jimjajmus]

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!

[@timrodenbroeker]

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.

[@jimjajmus]

@@timrodenbroeker Thank you for your reply!

[@biancapaiaro6617]

I loved it! Thank you very much!

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

[@bkalouu]

Thanks for your video ! How can I speed up the image rotation please ?

[@timrodenbroeker]

Hey! Try tweaking the values a bit.You can easily find that out i think! (Y)

[@bkalouu]

Thank you ! I found !

[@이준우-q5v]

Wonderful lecture!! Thank you so much !

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

[@benshas]

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

[@CAZZ422]

good stuff! thanks!

[@fxmy8646]

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.

[@datadrivendot]

Amazing!

[@tumultex]

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!

[@__________________________6910]

You are awesome.

[@RPS3000]

Is it possible to have bended lines instead of spheres?

[@andreavercetti2366]

Great approach! Thank You

[@victormenchaca2420]

Nice! Keep the good work!

[@sydneysolomon5500]

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

[@yhlaskerimov6603]

Hi tim, will u teach us about kinetic typography ? I wanna do stuffs like dia_studio

[@timrodenbroeker]

Here you go! kzbin.info/www/bejne/iXynmZ54bcxkidE

[@yhlaskerimov6603]

@@timrodenbroeker can u share your poster codes too please tim.. you r my idol

[@marianaespinosa884]

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

[@thesdfable]

hey one question. how to get the colors from the image instead of creating a black and white version of it

[@nyx4698]

Is it possible to use this technique to create a portrait in morse code tim?

[@timrodenbroeker]

Yes, absolutely.

[@nyx4698]

@@timrodenbroeker Thanks!

[@CopperNic1972]

Wow!!! Love this!

[@hanni7664]

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]

Hey! That's a very common bug, you have to put frameRate(30) into your setup-function. Then it will work. Good luck!

[@hanni7664]

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

[@simikaur]

What programme can I use to try your tutorials out? This would really help with my university project?

[@timrodenbroeker]

Hey! You can use Processing, just go to processing.org/

[@simikaur]

@@timrodenbroeker thank you!!

[@timrodenbroeker]

processing.org/

[@alexandervalenzuela3117]

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

[@ialper1521]

processing

[@krzysztofkapuza558]

Great video and effect ! I have one question - at the end when I run the code it works few sec's and after that I get error " too many calls to pushMatrix". Do you know why it appears?

[@arashhosseini5493]

the same error appears for me,too

[@ra-bt8yw]

that happens when you call push(); too many times and never end it with pop();. It's just like brackets, every forward bracket { needs and end bracket }. every push(); needs a pop();

[@Love-Within]

can you export as .gltf or .glb files?

[@iuliusaudio5268]

Great Tutorial, Thank You a lot!

[@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!

[@arashhosseini5493]

hey tim! thanks for these helpful tutorials! I'm having a problem loading the sketch for the same code you wrote in this video, It runs perfectly in the first seconds but after that it stuck and crashes. It says: '' RuntimeException: Too many calls to pushMatrix(). '' Can you help me with that?

[@akashkumar1074]

Just put a pop() at the end. The push() call wasn't ended with pop in the first instance.

[@timrodenbroeker]

Hey! You probably can fix this by adding popMatrix() at the appropriate position. Just read the reference for pushMatrix()

[@moni713]

Hi is it possible to export this rasterized image as a vector?

[@eschuurm]

Well done!

[@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!

[@Pinarbengu]

Hey Tim, thanks a lot for this nice simple and clear explanation, ım new to coding and your videos are so helpful to me! But there is one thing ı cant figure out "color c = img.get(int(x*tileSize),int(y*tileSize)); " a problem occurs this line. "The function parseInt(float) does not exist." im getting this warning, how can I fix this?

[@alper.cnkci.]

I am having the same problem. Did you solve it?

[@Pinarbengu]

​@@alper.cnkci. İnt'leri parentez içine aldığımda sorunum çözülmüştü benim. İki taraf için de, (int) şeklinde.

[@alper.cnkci.]

@@Pinarbengu merhaba :D çok teşekkürler cevabın için. Bende de versiyon 4'ten 3'e geçince düzeldi.

[@Pinarbengu]

@@alper.cnkci. Merhaba, süper. Aklımda olsun benim de versiyon değiştirmek :D

[@CodingNap]

thanks sir, its great tutorial for me

[@RhamonCristian]

loved this