Rasterize 3D (Processing Tutorial)

Поділитися
Вставка
  • Опубліковано 22 тра 2024
  • In this tutorial I show you how to create abstract 3D portraits from an image file. Here you will learn many basics about 3D and generative image rasterization.
    Find the code and additional infos here:
    timrodenbroeker.de/rasterize3d/
    Enjoy!
  • Наука та технологія

КОМЕНТАРІ • 203

  • @jackdiddley1005
    @jackdiddley1005 3 роки тому +51

    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
      @timrodenbroeker  3 роки тому +3

      Thank you very much for these beautiful words!

    • @cuatrogatoslocos-salta1337
      @cuatrogatoslocos-salta1337 2 роки тому

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

  • @mattsadventureswithart5764
    @mattsadventureswithart5764 3 місяці тому +3

    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
    @divoojilly 3 роки тому +40

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

    • @timrodenbroeker
      @timrodenbroeker  3 роки тому +7

      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
      @harveydouglas5496 2 роки тому

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

    • @miguelkannon6495
      @miguelkannon6495 2 роки тому

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

    • @judahcallum8504
      @judahcallum8504 2 роки тому

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

    • @kasonmarcelo1529
      @kasonmarcelo1529 2 роки тому

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

  • @aamicicomposer
    @aamicicomposer Рік тому +1

    Great tutorial! Useful and simply explained!

  • @gdij1273ify
    @gdij1273ify 3 роки тому +1

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

  • @2496audio
    @2496audio 2 роки тому +1

    Thanks for this useful and inspiring tutorial. Great!

  • @user-fj9ge9zl8b
    @user-fj9ge9zl8b 3 роки тому +1

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

  • @leandro1674
    @leandro1674 3 роки тому +1

    Awesome tutorial. Thank you!

  • @markptak5269
    @markptak5269 2 роки тому +1

    This was awesome on many levels.

  • @codeultra_
    @codeultra_ 2 роки тому +2

    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!

  • @garethmcmurchy1190
    @garethmcmurchy1190 2 роки тому

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

  • @nonthapornketmanee2388
    @nonthapornketmanee2388 2 роки тому

    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!

  • @marcobartolo5511
    @marcobartolo5511 4 роки тому +5

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

  • @oreoreo68
    @oreoreo68 2 роки тому +9

    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!

  • @nodeart7928
    @nodeart7928 2 роки тому

    I really enjoyed your tutorial, great stuff!

  • @user-ox9li9xd6v
    @user-ox9li9xd6v 9 місяців тому

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

  • @somecho
    @somecho 4 роки тому +1

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

  • @UIFIG
    @UIFIG 3 роки тому +1

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

  • @dissolve842
    @dissolve842 4 роки тому +2

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

    • @timrodenbroeker
      @timrodenbroeker  3 роки тому

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

  • @user-nu4jc5ul8r
    @user-nu4jc5ul8r Рік тому

    Wonderful lecture!! Thank you so much !

  • @andreavercetti2366
    @andreavercetti2366 4 роки тому +1

    Great approach! Thank You

  • @chobi4576
    @chobi4576 3 роки тому +1

    thanks for sharing your knowledege Tim!

  • @biancapaiaro6617
    @biancapaiaro6617 3 роки тому +1

    I loved it! Thank you very much!

  • @hehe8180
    @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

  • @designersperspective
    @designersperspective 3 роки тому +6

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

  • @holoarcade
    @holoarcade 2 місяці тому

    Danke Tim, deine Videos sind super hilfreich!

  • @thestone7712
    @thestone7712 3 роки тому +3

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

    • @timrodenbroeker
      @timrodenbroeker  3 роки тому +2

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

  • @antoinefortin1386
    @antoinefortin1386 2 роки тому

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

  • @pernillelegerkristensen5977
    @pernillelegerkristensen5977 4 роки тому +1

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

  • @elJohnnySilva
    @elJohnnySilva 3 роки тому

    Your English is awesome, thank you for the tutorial

  • @xFZYEDITS
    @xFZYEDITS 2 роки тому +1

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

  • @HouseOfHorusWorld
    @HouseOfHorusWorld 3 роки тому +1

    Super cool! love it!!

  • @borjonx
    @borjonx 3 роки тому +1

    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.

  • @botz77
    @botz77 3 роки тому +1

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

  • @j58688grgrs
    @j58688grgrs 3 роки тому +1

    Awesome tutorial, you're an excellent teacher!

  • @michaelsalais7393
    @michaelsalais7393 2 роки тому +2

    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
      @timrodenbroeker  2 роки тому

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

  • @williamgarcia3697
    @williamgarcia3697 3 роки тому +2

    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
      @igorjee 3 роки тому

      Coding is 99% language, 1% math

  • @tinacrisst
    @tinacrisst 4 роки тому +1

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

  • @andreugelabertsalva5210
    @andreugelabertsalva5210 Рік тому

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

  • @vladimirstrigunov7412
    @vladimirstrigunov7412 4 роки тому +1

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

  • @shaquilleabdul-rasheed9041
    @shaquilleabdul-rasheed9041 4 роки тому +1

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

  • @stas8637
    @stas8637 3 роки тому +1

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

  • @abhinavkandwal3807
    @abhinavkandwal3807 3 роки тому +1

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

  • @loganp82
    @loganp82 2 роки тому +1

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

  • @Happen2Bme
    @Happen2Bme 2 роки тому +1

    Thanks for sharing the knowledge.

  • @eschuurm
    @eschuurm 2 дні тому

    Well done!

  • @jstro-hobbytech
    @jstro-hobbytech 5 місяців тому

    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.

  • @datadrivendot
    @datadrivendot 2 роки тому +1

    Amazing!

  • @katherinemazzei9888
    @katherinemazzei9888 2 роки тому +1

    Thank you very much, your channel is amazing

  • @lucascamargo6654
    @lucascamargo6654 4 роки тому +1

    so good! Thank you so much

  • @victormenchaca2420
    @victormenchaca2420 4 роки тому +1

    Nice! Keep the good work!

  • @surya-td4dg
    @surya-td4dg 3 роки тому +1

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

  • @CodingNap
    @CodingNap 2 роки тому +1

    thanks sir, its great tutorial for me

  • @CopperNic1972
    @CopperNic1972 9 місяців тому

    Wow!!! Love this!

  • @CAZZ422
    @CAZZ422 2 роки тому +1

    good stuff! thanks!

  • @iuliusaudio5268
    @iuliusaudio5268 2 роки тому

    Great Tutorial, Thank You a lot!

  • @bebophippie1781
    @bebophippie1781 2 роки тому +1

    beautiful work. You have a new fan.

  • @carl2072
    @carl2072 4 роки тому +1

    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
      @timrodenbroeker  3 роки тому

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

  • @guerreronikelaos2838
    @guerreronikelaos2838 4 роки тому +1

    thank you so much. SUCH A BLESSING.

  • @frankyfurbo396
    @frankyfurbo396 2 роки тому +1

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

  • @joaomiguelpratas
    @joaomiguelpratas 4 роки тому +19

    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
      @timrodenbroeker  4 роки тому +1

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

    • @timrodenbroeker
      @timrodenbroeker  4 роки тому +1

      Thanks Joao!

    • @exshenanigan2333
      @exshenanigan2333 3 роки тому

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

    • @timrodenbroeker
      @timrodenbroeker  3 роки тому +1

      Thank you very much for these nice words!!!

  • @__________________________6910
    @__________________________6910 2 роки тому +1

    You are awesome.

  • @fabiopaolucci6850
    @fabiopaolucci6850 3 роки тому +1

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

  • @Sharpener00
    @Sharpener00 3 роки тому +1

    Awesome!

  • @OKelvinClark
    @OKelvinClark 4 роки тому +2

    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
      @timrodenbroeker  4 роки тому

      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

  • @prietjepruck
    @prietjepruck Рік тому

    Thanks, very helpfull.

  • @bozigna3603
    @bozigna3603 2 роки тому

    amazing! thx a lot

  • @RhamonCristian
    @RhamonCristian 2 роки тому

    loved this

  • @ndiea5691
    @ndiea5691 4 роки тому +1

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

  • @sonnyl2915
    @sonnyl2915 8 місяців тому

    😮 I'm just wow!

  • @rawa6496
    @rawa6496 4 роки тому +1

    Thank you!!!

  • @jstownsend
    @jstownsend 2 роки тому +1

    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!

  • @Phipanjo
    @Phipanjo Рік тому

    Great! 🎉

  • @suparta8303
    @suparta8303 2 роки тому

    thanks foryour video

  • @mosonic
    @mosonic 2 роки тому

    Thankyou!

  • @pakidevstuff5769
    @pakidevstuff5769 2 роки тому

    this is so coooool

  • @chrstndtz8782
    @chrstndtz8782 3 роки тому +2

    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
      @timrodenbroeker  2 роки тому

      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

  • @shiyo574
    @shiyo574 2 роки тому

    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?

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

  • @the_kick_
    @the_kick_ 3 роки тому +1

    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!

  • @ayesha1025
    @ayesha1025 Рік тому +1

    It sooo cool

  • @fabriciovrtx3875
    @fabriciovrtx3875 Рік тому

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

  • @vaanbkf5368
    @vaanbkf5368 4 роки тому

    You!! the mannnn

  • @alexandervalenzuela3117
    @alexandervalenzuela3117 4 роки тому +1

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

  • @vladbalan5513
    @vladbalan5513 3 роки тому +5

    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
      @ararisscr501 Рік тому

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

  • @marianaespinosa884
    @marianaespinosa884 3 роки тому

    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

  • @theman7050
    @theman7050 Рік тому

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

  • @overlycranked8674
    @overlycranked8674 3 роки тому

    Great content this is. I learned a lot and thank you for the knowledge. Actually Google brought me here in search of Processing algorithms to convert raster image to line. Do you have a similar tutorial for converting raster images to 2D line?

  • @ganjamangaaiaaai9396
    @ganjamangaaiaaai9396 2 роки тому +1

    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
      @timrodenbroeker  2 роки тому

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

  • @erichomsy
    @erichomsy 3 роки тому +1

    fucking legendary tim god blesses you

  • @anteism1
    @anteism1 4 роки тому

    Thank you for the tutorial is was very well done, I look forward to seeing more!
    How would you export a file for example DXF or vector PDF? I haven't been able to export with P3D.

    • @timrodenbroeker
      @timrodenbroeker  4 роки тому

      Oh that's quite hard i think. I have no idea if it is even possible to render a P3D PDF

    • @anteism1
      @anteism1 4 роки тому

      @@timrodenbroeker Thanks for your reply. I couldn't figure out how to do it, thought I would ask.

  • @Vampaie
    @Vampaie 3 роки тому

    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?

  • @s.o.s.l.o.w
    @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.

  • @nicolaschan3335
    @nicolaschan3335 3 роки тому +2

    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
      @lch7145 2 роки тому

      Good question !

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

  • @bkalouu
    @bkalouu 4 роки тому +1

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

    • @timrodenbroeker
      @timrodenbroeker  4 роки тому +1

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

    • @bkalouu
      @bkalouu 4 роки тому

      Thank you ! I found !

  • @thesdfable
    @thesdfable 3 роки тому

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

  • @krzysztofkapuza558
    @krzysztofkapuza558 4 роки тому +1

    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
      @arashhosseini5493 4 роки тому

      the same error appears for me,too

    • @ra-bt8yw
      @ra-bt8yw 3 роки тому

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

  • @DeathTrapProductions
    @DeathTrapProductions Рік тому +1

    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.

  • @sydneysolomon5500
    @sydneysolomon5500 Рік тому

    Hi what software did u use?

  • @RPS3000
    @RPS3000 4 місяці тому

    Is it possible to have bended lines instead of spheres?