Build a Real-Time Draped-Cloth Simulator for an Online Fashion Showroom
Overview
What this challenge is about.
Build a Real-Time Draped-Cloth Simulator for an Online Fashion Showroom. Advanced challenge in code. Writing production code that solves real engineering pro...
The Brief
What you'll do, and what you'll demonstrate.
Build a real-time cloth simulator inside a Three.js showroom that drapes five tuned garments on a digital mannequin at 30 frames per second on mid-range laptop hardware.
This is not a coding exercise. It is the work a software engineer does between a Jira ticket and a merged PR. That distinction matters to every hiring manager who has seen candidates solve LeetCode problems and none who have shipped production code under real constraints.
When you finish, you will have something most graduates do not: a real-world deliverable, verified by Ewance, that you can show to a hiring manager and say "I did this. Here is the proof."
Earning criteria — what you'll demonstrate
- Implement a stable position-based-dynamics cloth solver with distance and bending constraints
- Integrate a physics solver cleanly with a Three.js rendering pipeline
- Profile and optimize a real-time WebGL scene to hold a target frame rate on modest hardware
- Translate an artist's qualitative drape goals into concrete numerical simulation parameters
- Document technical parameters clearly enough for a non-engineer to re-tune them
Program Fit
Where this fits in your program.
Sharpens the same skills your degree expects you to demonstrate.
Aligned coursework coming soon.
Skills
Skills you'll demonstrate.
Each one shows up on your verified credential.
- Physically Based Simulation
Apply physically based simulation to solve real industry problems and demonstrate production-level capability.
- 3d Rendering
Apply 3d rendering to solve real industry problems and demonstrate production-level capability.
- Webgl
Apply webgl to solve real industry problems and demonstrate production-level capability.
- Math For Graphics
Apply math for graphics to solve real industry problems and demonstrate production-level capability.
- Shading And Lighting
Apply shading and lighting to solve real industry problems and demonstrate production-level capability.
- Performance Optimization
Apply performance optimization to solve real industry problems and demonstrate production-level capability.
Careers
Career paths this challenge builds toward
Completing this challenge demonstrates skills that transfer directly to these roles:
Graphics / Simulation Engineer
This challenge mirrors the daily work of a graphics engineer: implementing a stable real-time physics solver, integrating it with a renderer, and hitting strict frame-rate targets on constrained hardware, which is exactly what games, AR/VR, and visualization teams hire for.
This challenge sharpens
- physically-based-simulation
- 3d-rendering
- math-for-graphics
WebGL / Frontend 3D Engineer
Building a performant Three.js showroom that runs on ordinary laptops bridges directly to roles building interactive 3D product experiences for e-commerce and configurators, where WebGL performance and rendering quality are core responsibilities.
This challenge sharpens
- webgl
- 3d-rendering
- performance-optimization
Technical Artist
Tuning garments to an artist's intent and writing a parameter handoff document is the heart of technical-art work, translating between creative goals and shippable real-time systems while keeping performance budgets intact.
This challenge sharpens
- physically-based-simulation
- shading-and-lighting
- performance-optimization