Rasterize 3D (Processing Tutorial)
ฝัง
- เผยแพร่เมื่อ 26 มิ.ย. 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! - วิทยาศาสตร์และเทคโนโลยี
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.
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 =)
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!
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 !!!
Thanks for teaching 3D Processing Tutorial !
I'm a beginner for Processing, your videos really help me a lot.
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().
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 !!!
i gotta say this is one of the coolest tutorials i've ever seen
Wow, that's a great compliment. Thank you !!!
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!
This was awesome on many levels.
Great tutorial! Useful and simply explained!
Thank you for the tutorial! It was super useful and comprehensive!
Need another like button that says: THIS IS GREAT; IVE BEEN SEARCHING FOR THIS; THANKS A LOT. Need that button.
Thanks for this useful and inspiring tutorial. Great!
I enjoyed this tutorial. Thanks Tim! The resize trick is something really cool!
Thanks !!!
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!
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
Awesome tutorial. 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 sharing your knowledege Tim!
Sure! Love to do that!
Danke Tim, deine Videos sind super hilfreich!
Such a dope tutorial! I'd love to see more!
Thank you very much! I
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/
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
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!!
Great approach! Thank You
I really enjoyed your tutorial, great stuff!
I loved it! Thank you very much!
Awesome tutorial, you're an excellent teacher!
Thank you!
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!
So I just make my first processing project. Well thank you :)
Hey Tim, it's a great tutorial, thank you. Keep going, stay yourself.
Thank you Vlad!
Thank you for the video, very simple and straightforward, even if I don't understand anything, I was able to make the same effect
Richtig richtig guter Content! Geile Effekte, stark erklärt und allgemein sympathisch! Würd mich über weitere Videos (vielleicht etwas fortgeschrittenere Projekte) freuen!
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
Wow this is sick. I added the word Matrix after everything that said push() or pop() and got the code to work.
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!!!
Wonderful lecture!! Thank you so much !
Super cool! love it!!
Your English is awesome, thank you for the tutorial
Great work! And your tutorials are very easy to understand. Thanks for that :)
Love to hear that, thanks a lot!
Wow!!! Love this!
Insanely clever and easy trick you just showed in here :D
Love it. Expect more from you. Such a gem content :)
Thank you very much!
Thank you for this tutorial, following along was very enjoyable, I learnt so much 🌞🌞🌞
Thank you !!
you are the bosssss🔥🔥 Your tutorials really help me to introduce in code aplications my designs
Wow, dankeschoen! you are great at explaining in English, well done, so helpful :)
Thank you very much, your channel is amazing
Thank you !!! 🙏
Amazing!
Your videos are great! Your English is very good as well. No worries.
Thanks for sharing the knowledge.
My pleasure! :-)
so good! Thank you so much
thank you so much. SUCH A BLESSING.
Thank you for your nice words!
Nice! Keep the good work!
good stuff! thanks!
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.
Well done!
Awesome!
😮 I'm just wow!
Great Tutorial, Thank You a lot!
loved this
Thank you for sharing your knowledge. This is an inspiring channel. P.S. your English is solid.
Thanks a lot!
beautiful work. You have a new fan.
Thank you!
You are awesome.
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.
amazing! thx a lot
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
thanks sir, its great tutorial for me
Thanks, very helpfull.
I am so diving into your design teaching video and you, please keeping upload it, I will always be your audience.
Thanks Andy!
Thank you!!!
Great! 🎉
this is so coooool
Thankyou!
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!
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!
You!! the mannnn
thanks foryour video
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
It sooo cool
I now right
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
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, i really like what you do, looks pretty cool. Which program do u use for that?
processing
fucking legendary tim god blesses you
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
Great! But how to achieve a different image on backside while rotating like you showed in the beginning?
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?
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.
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 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?
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.
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.
Oh that's quite hard i think. I have no idea if it is even possible to render a P3D PDF
@@timrodenbroeker Thanks for your reply. I couldn't figure out how to do it, thought I would ask.
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?
the same error appears for me,too
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();
hey one question. how to get the colors from the image instead of creating a black and white version of it
nice work!... Is there a way to make the image react with a sound? tks, Mr.!
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.
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!
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!
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?
Just put a pop() at the end. The push() call wasn't ended with pop in the first instance.
Hey! You probably can fix this by adding popMatrix() at the appropriate position. Just read the reference for pushMatrix()