Coding Challenge #63.2: Texturing Cloth Simulation Part 2

Channel:
United States The Coding Train
Subscribers:
1,750,000
Published on ● Video Link: https://www.youtube.com/watch?v=FeXnJSCFj-Q


THE EDITOR
Game:
THE EDITOR (2023)
Duration: 23:02
38,928 views
1,024

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 1: https://youtu.be/JunJzIe0hEo

🎥 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:05 Making the 3D cloth look like a flag!
6:50 Applying the force of wind to the flag!
7:42 Adding 3D noise to the wind to make it inconsistent
12:07 Rendering the flag texture as triangle strips
18:42 Texturing the image of unikitty onto the triangle strips in normal mode
22:08 Looking at a waving unikitty flag simulation and things you could do!

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



Other Videos By The Coding Train


2017-03-22Coding Challenge #65.2: Visualizing a Binary Tree
2017-03-21Coding Challenge #65.1: Binary Search Tree
2017-03-20Coding Train Live 87: Timer in JavaScript, Pong and Binary Tree
2017-03-20Live Stream #87.2: Intro to "Intelligence and Learning" Class - Part 2
2017-03-20Coding Train Live #87.1: Intro to "Intelligence and Learning" Class (+ Fire Alarm!) - Part 1
2017-03-19Coding Challenge #64.4: Inverse Kinematics - Multiple
2017-03-18Coding Challenge #64.3: Inverse Kinematics - Fixed Point
2017-03-17Coding Challenge #64.2: Inverse Kinematics
2017-03-16Coding Challenge #64.1: Forward Kinematics
2017-03-159.20: Polar Coordinates - p5.js Tutorial
2017-03-14Coding Challenge #63.2: Texturing Cloth Simulation Part 2
2017-03-14Coding Challenge #63.1: Texturing Cloth Simulation Part 1
2017-03-13Coding Challenge #62.4: Plinko with Matter.js Part 4
2017-03-13Live Stream #86: More Inverse Kinematics + Texturing Cloth Simulation
2017-03-12Live Stream #85: Forward and Inverse Kinematics
2017-03-12Coding Challenge #62.3: Plinko with Matter.js Part 3
2017-03-11Coding Challenge #62.2: Plinko with Matter.js Part 2
2017-03-10Coding Challenge #62.1: Plinko with Matter.js Part 1
2017-03-09Coding Train Studio Tour!
2017-03-095.21: Matter.js: Mouse Constraints - The Nature of Code
2017-03-085.20: Matter.js: Constraints - The Nature of Code


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
triangle strips
beginShape()
endShape()
geometry
TRIANGLE_STRIP


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.