Coding Challenge #63.1: Texturing Cloth Simulation Part 1

Subscribers:
1,750,000
Published on ● Video Link: https://www.youtube.com/watch?v=JunJzIe0hEo



THE EDITOR
Game:
THE EDITOR (2023)
Duration: 18:05
36,552 views
557


In this two part challenge, I cover beginShape(), endShape(), and texture(), TRIANGLE_STRIP, QUAD_STRIP, and more. I combine these geometry functions with the Toxiclibs physics library to simulate a waving flag (with a unikitty image texture!) Code: https://thecodingtrain.com/challenges/63-texturing-cloth-simulation

Other Parts of this Challenge:
๐Ÿ“บ Texturing Cloth Simulation - Part 2: https://youtu.be/FeXnJSCFj-Q

๐ŸŽฅ Previous video: https://youtu.be/KakpnfDv_f0?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
๐ŸŽฅ Next video: https://youtu.be/xXjRlEr7AGk?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
๐ŸŽฅ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
๐Ÿ— Toxiclibs Physics Library: http://haptic-data.com/toxiclibsjs

Videos:
๐Ÿš‚ Toxiclibs Verlet Physics: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6aiaU4s30tXvUmwGMlb9UUS
๐Ÿ”ด Live Stream Archive: https://youtu.be/xtFu66DZrBw

Related Coding Challenges:
๐Ÿš‚ #20 3D Cloth with Toxiclibs: https://youtu.be/jrk_lOg_pVA
๐Ÿš‚ #62 Plinko with Matter.js: https://youtu.be/KakpnfDv_f0
๐Ÿš‚ #138 Angry Birds with Matter.js: https://youtu.be/TDQzoe9nslY

Timestamps:
0:00 Introduction!
1:06 Discussing image texturing
4:29 Demonstrating the use of texture() function with code
10:54 Rendering sets of points across lines as triangle strips
15:56 Texturing the image of unikitty onto the triangle strips in normal mode!
17:32 Conclusion!

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

๐Ÿš‚ Website: http://thecodingtrain.com/
๐Ÿ‘พ Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide
๐Ÿšฉ Suggest Topics: https://github.com/CodingTrain/Suggestion-Box
๐Ÿ’ก GitHub: https://github.com/CodingTrain
๐Ÿ’ฌ Discord: https://discord.gg/hPuGy2g
๐Ÿ’– Membership: http://youtube.com/thecodingtrain/join
๐Ÿ›’ Store: https://standard.tv/codingtrain
๐Ÿ–‹๏ธ Twitter: https://twitter.com/thecodingtrain
๐Ÿ“ธ Instagram: https://www.instagram.com/the.coding.train/

๐ŸŽฅ Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
๐ŸŽฅ Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

๐Ÿ”— p5.js: https://p5js.org
๐Ÿ”— p5.js Web Editor: https://editor.p5js.org/
๐Ÿ”— Processing: https://processing.org

๐Ÿ“„ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new

#physicsengine #texture3d #toxiclibs #cloth #simulation #processing #java







Tags:
live
programming
daniel shiffman
creative coding
coding challenge
javascript (programming language)
tutorial
javascript
coding
challenges
coding train
the coding train
physics
physics engine
processing
processing java
texture processing
texture on 3d object
texture 3d
texture image 3d
processing flag
animated 3d flag
toxiclibs
processing toxiclibs
beginShape()
endShape()
TRIANGLE_STRIP
triangle strip
triangle strips



Other Statistics

THE EDITOR Statistics For The Coding Train

At present, The Coding Train has 96,122 views spread across 3 videos for THE EDITOR, and less than an hour worth of THE EDITOR videos were uploaded to his channel. This is less than 0.07% of the total video content that The Coding Train has uploaded to YouTube.