Coding Challenge #20: 3D Cloth with toxiclibs

[@feliperibeirosilva900]

I compleated this video in 2021 you need to here are all the fixes: - get toxiclibs inside software sketch>Import library>add library > type "Toxiclibs" - when he mentions the ambiguity you need to type 2D or 3D at the end of the words to fix every time. everything else should work exactly as he mentioned great tutorial cheers.

[@CarlosRoxo]

Thx man, that rly helped a ton

[@AdrienDepaillat]

The last diagonal springs should not have a resting length of "w", but rather w*sqrt(2), otherwise they'll induce a "diagonal tension" to the whole thing, making this a weird hammock-like shape. You can easily add this in the Spring constructor you added. Thanks so much for the videos! It's really great to follow along and learn!

[@TheCodingTrain]

Great tips, thank you!!!

[@paladin1147]

Nice, that is an amazing tip, how can one think like how you thought out w*sqrt(2)

[@AdrienDepaillat]

@@paladin1147 I just had in mind the characteristic lengths of a square. You get the sqrt(2) with Pythagore's theorem for a square of side length 1. That plus the feeling that there were tension induced as if the diagonal springs were not in their resting position from the beginning. Cheers!

[@ScarlettNour]

(TLDR;) Thanks so much for posting, and being passionate about coding, and for taking the time to share it around the web! I've started learning to cod because of you, and never thought this could be so cool! (The full story) I found the Purple Rain challenge completely by accident a few weeks ago. Google just put it there on my recommended pages god knows why. I've always wanted to learn to code, because it seemed like a nice skill to have, or just to have some fun, but everyone makes it look so BORING. And there's so much stuff out there about it, I was just completely lost. I learned a tiny bit of html when I was, I don't know, 13, but that's it. It was a bit of a disaster, in fact. After that I always thought "Blergh, maybe it's not for me, you know? I know shit about maths and stuff like that, anyway, and people say to code you need to know math or something?". But after watching that challenge you were so fun, and you made it all look so easy, even if I wasn't understanding sh*t of what you were saying. So I just kept watching. And before I knew I'd watched half the playlist of coding challenges and I was starting to understand a tiny bit of what you were doing. And then I looked up Processing, because why not, and I feel in love, a little bit. Now I'm following the playlists to learn how to code with it, and I'm so, so, so glad I've watched that first vid! Thanks for everything!

[@TheCodingTrain]

I red the full story, because I just love hearing stuff like this. Thank you for watching and the nice feedback!

[@041e71]

thank you so much for these entertaining videos. i usually watch while drinking my morning coffee and its always a good start for the day! plus i learn a lot of stuff !

[@Jimanator]

i noticed the unconnected corner when you first did the springs in 2d, i'm glad you found the problem before the end of the video, even if it was very close.

[@ReevansElectro]

And now we are going to add a happy little spring here.

[@hazengalilei2643]

Pixar Spring: Destroyer of Worlds COMING TO THEATERS THIS DECEMBER

[@nmkloster]

I was literally waiting for 27:25 ever since 18:40 - "Yeah, yeah. This is gonna work." I fully acknowledge that this is a weird thing to get excited about :)

[@ABaumstumpf]

Yeah. always a bitch when you have to think about the start/end of such constructions.

[@sparks2994]

I absolutely lost it. Thank you.

[@HaLo2FrEeEk]

Me too! Literally as soon as he said it I thought about the right and bottom sides.

[@ryanzarmbinski7446]

Lol me too

[@Ardavan47]

Love you and your channel, PLEASE make a video about your daily work routine and how you can keep focus

[@reaktormannen]

I have never seen anyone so high on coding ;-) Keep up the good work, your tuts are excellent!

[@quicksanddiver]

I love your Coding Challenges! They are so exciting! Me watching you code must be about the equivalent of normal people watching baseball :D

[@gloubiboulgazeblob]

wow...that's very impressive !

[@Illusionaire1]

Every time you say "The Grid" I hear it as being spoken by Jeff Bridges in Tron

[@timeslongpast]

Illusionaire1 I feel like not many people appreciate this joke as much as I do

[@ABaumstumpf]

The strange form of the "cloth" at the end does not come form forgetting the last row, but from the last diagonal spring you added: It now makes it harder for the square to change the shape along that diagonal, but not the second one.

[@swaleedkhalid]

you make me love programming. I wonder how easily you creates things and make formulas to work... great work

[@TheCodingTrain]

Thanks for watching!

[@xnick_uy]

I'd say toxiclibs has also added some damping force to the springs by default. Otherwise the "cloth" would keep bouncing forever.

[@mollykaplanoflos]

If you get the error > Cannot find a class or type named "GravityBehavior" < change all instances of "GravityBehavior" to "GravityBehavior2D" and that should give you the green!

[@barryryan5187]

thank you!

[@Итальянец1945]

Thanks, I got similar errors, but i just added 2D/3D everywhere there was one and it worked.

[@Dong_Harvey]

by simply using the same code for the mousePressed, Dragged, and Released functions in the DraggableParticles example from the toxiclibs example library, you can actually drag the cloth around and have functioning code.. you will have to import a java-iterator library and initialize a few variables though..

[@moiquiregardevideo]

Only 56 comments after almost 3 years. Apparently, no teacher forced their class to look at this video with as proof the request to click "like" and write a comment. This simulation looks surprisingly natural the way the cloth bounces and fold.

[@MihirrPanchaal]

That was so cool!!!

[@stebs01]

is it possible to recreate this by using vertices and perlin noise like you did in your video on randomly generating terrain?

[@adrmetal]

Could you do a Challenge to visualize Crochet patterns? Like Crochet and Knitting, maybe a scarf or a sphere. I see much of what you did here useful for that. Maybe even possible to apply to "Cloth design simulation", who knows.

[@HekoBoii]

You are my hero.

[@SimonK91]

Reasons why it behaved oddly: #1 - locking particle[cols-1][rows-1]: You connected all the springs from [0][0] to [cols-2][rows-2] with the one to its right and below. This means that [cols-1][0] to [cols-1][rows-1] will not be connected with the one below it, and [0][rows-1] to [cols-1][rows-1] will not be connected to the one to its right, thus [cols-1][rows-1] have no springs #2 - diagonal springs: The springs going diagonal had the length 1 instead of sqrt(2), thus they were pulling the cloth to the top left corner (since the corner was locked and the diagonal spring was in that direction)

[@SimonK91]

Whoops, just now saw that it's a very old video. :D

[@paladin1147]

Amazing video, thanks for making a not so interesting topic for me so fun and interesting :D

[@yowojtas]

wow - thats the word i'm looking for

[@stephenmcconnell7868]

I’m running processing via a straight Java implementation and would like to just pull in the “jar” file or do it through Maven. However, there Is no Maven Artifact AND the last update I find in GitHub is 2014, with the "official" Bitbucket site the toxiclibs.org points to not existing any more. Where do I get the toxiclibs now? Is it an active project?

[@stephenmcconnell7868]

@Karsten Schmidt Thanks. They guy who wrote Toxiclibs has changed it over to Clojure. This is an interesting language, so I will be downloading toxiclibs from your link, but I will be learning Clojure and maybe doing your stuff in Clojure..... for fun (Ins’t being retired a gas?).

[@feliperibeirosilva900]

@Karsten Schmidt thanks for the link ,lifesaver -- I am not sure if it works but nwo you can actually instal form the contribution manager sketch>Import library>add library > type "Toxiclibs"

[@FredoCorleone]

Here you do with a 2D array and in the GitHub repo you did it with a flat array... Kinda confused, why? I've just made up the same blanket simulation and I've also added mouse interaction using an AcctractionBehavior, but I don't understand why when I interact with the blanket it destroys in pieces :/ Any suggestion? Thanks in advance

[@MertHakim-ns9os]

bu gidişle son oyuncu gibi çökerler

[@eleazarherrera9268]

Hi Daniel! I like your videos! I have a problem with toxiclibs library in the sketch. I have an error: The package "toxi.physics3d" does not exist. You might be missing a library. I downloaded the library, the sketch in 2D run correctly but not in 3D.

[@Shockszzbyyous]

I Really like this vid :)

[@yakov9ify]

is there a way to change the mass of a particle

[@ling6701]

Is there any p5js code version of this tutorial ?

[@BoaZosen]

When I change the Particle ArrayList into Particle[ ] [ ] i get an error saying that the class does not exist. How do I fix that?

[@TF2Gaming101]

This reminds me of bridge builder games

[@dannyshf1993]

what about downloading the toxiclib folder in window 8, i attempted to put the folder shortcut to the processing library but i fail, help?

[@dannyshf1993]

nvm i ve got it

[@DD-vc7fq]

which font is that in your code?

[@asston712]

This is easy: makeCloth(); Cloth.animate(); Done.

[@Holycrabbe]

I know im 5 years late, but it seams like toxiclibs has moved to github and there i dont find any "complete files", leaving me a little clueless as to how i can integrate it in my web build. I would for one love if you would make a video showing how to download and apply toxiclibs today

[@alexlutz2221]

I challenge you to make a simple 3d modeling software

[@Happ1ness]

Does it work on android?

[@natanaelbara3294]

Does not work ( toxi could not be resolved) Hello from Romania

[@moiquiregardevideo]

Effectively, a forth spring should be added between b1 and b2 to make the cloth elasticity symetrical. Ideally, strength of the two diagonal springs should be 0.707 weaker to avoid the clothes to wrinkle too much in diagonal direction.

[@graham4159]

What language is that?

[@christianegutter2339]

Procressing. It's like javascript, but...easier you might say.

[@jmfairlie]

Graham it's Java

[@knowledgemagnet4077]

The GravityBehaviour is Ambiguous still.

[@knowledgemagnet4077]

In 2D.

[@paladin1147]

@@knowledgemagnet4077 physics.addBehavior(new GravityBehavior2D(new Vec2D(0,0.1))); write this instead

[@knowledgemagnet4077]

@@paladin1147 thank u

[@ritageraghty4404]

You are freakin' awesomest! 😳 (Joking) I wish I could kidnap you and steal your brain for transplant. Thank you for making this tutorial.

[@ankitaaarya]

Weird but ok

[@tmeekins42]

btw, it's pronounced "ver-lay."

[@chrisanderson5527]

It's pronounced vur-lay not vur-let.

[@rashmysajin4520]

Coderr

[@aliatabak7315]

ne işşizsiniz ya. adam kodla elbise çiziyor anime ediyor. helal olsun. ama anlatımını çok begenmedim.

[@EliSmith]

The coding style you use is not a good one to teach people, it's very hard coded and messy, please work on having clean code, proper use of variables and repetitive code. It feels like code that's written once and never touched again(I know it isn't touched again, but it's not a good way to teach people). One thing I can't stand while watching is the really pointless variable names, a1, b1, b2? It's not descriptive at all! I know you have the skills and the mindset, but it's so messy and sloppy, it makes it really hard to watch as a programmer who tries hard to write clean code.

[@hazengalilei2643]

i actually like the way he codes. He also explains his code out loud. I learned processing straight from this guy through these vids.