Coding Challenge 63: Texturing Cloth Simulation (Part II)

From the creator

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 co

Published 2017-03-14 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.