Realistic 3D Stocking Simulator / 极致 3D 丝袜模拟器

[About the Project]

"Ultimate 3D Stocking Simulator" is an interactive sandbox tool developed using Three.js. It focuses on providing extremely high-precision physical material feedback and realistic leg interaction, allowing you to easily adjust parameters and experience highly realistic fabric and skin physics right in your browser.

👇 Play directly in your browser below!

📸 Generated a great look? Save a screenshot, share it on Twitter using #StockingSim, or post it in the comments!

⭐ If you enjoy this tool, please consider leaving a rating!

🎮 [Quick Controls]

Physical Interaction (Core Gameplay):

• PC: Left-click and hold the stocking ring (the top edge), then drag up or down to roll it.

• Mobile: Touch and hold the stocking ring, then slide your finger up or down.

Camera & View:

• Orbit: Left-click and drag on the background (PC) / Swipe with one finger (Mobile).

• Zoom: Use the mouse wheel (PC) / Pinch in or out with two fingers (Mobile).

Customize Settings:

• Click or tap the GUI panel on the right side of the screen to adjust all parameters. (On mobile, tap the top title bar of the GUI to collapse it for a better view).

✨ [Key Features]

• Hyper-Realistic Interaction: Simply drag the edge to roll the stockings up or down. Experience real-time physical elasticity, flesh squeezing, and inertia-based jiggle physics.

• Advanced Fiber Materials: Choose from 8 physically-based material presets (Nylon, Crystal, Velvet, Silk, etc.). Fully customize the Denier (thickness), micro-surface roughness, and fiber specularity.

• Procedural Pattern Generator: No textures needed. Mathematically generates complex topological patterns in real-time, including Fishnet, Dots, Stripes, Retro Seamed, and Complex Lace.

• Virtual Studio & Lighting: Act as a virtual photographer. Set custom solid background colors or upload your own background images. Adjust the Camera FOV and fine-tune a professional 3-point lighting rig (Ambient, Main Light, and Rim Light) for the perfect aesthetic.

• Photorealistic Anatomy & Poses: Built-in skeletal rigging allows independent control over thigh rotation, knee bending, and ankle flexing. The underlying algorithm replicates realistic foot anatomy, including instep curvature, Achilles tendon details, and asymmetrical toe deformations.

• Skin Physics (SSS): Customize base skin color, oiliness, and dermal blood scattering color with an advanced Subsurface Scattering system to achieve highly realistic skin rendering.

• One-Click Share: Generate random designs with one click, save high-resolution screenshots, or use the native Web Share API to directly post your creations to social media.

【项目简介】

《极致 3D 丝袜模拟器》是一款基于 Three.js 开发的互动沙盒工具。本项目专注于提供极高精度的物理材质反馈与真实的腿部互动表现，允许用户在浏览器中实时调整参数，体验极其逼真的织物与皮肤物理交互。

👇 请直接在下方点击运行体验！

📸 捏出了满意的款式？一键保存截图，或在推特带上 #StockingSim 标签分享，也欢迎发在评论区！

⭐ 如果你喜欢这个工具，请考虑为它留下一个评分！

🎮 【快速上手】

物理交互（核心玩法）：

• 电脑端 (PC)： 鼠标左键按住丝袜边缘的环状区域，并上下拖动以模拟卷起/穿上动作。

• 移动端 (Mobile)： 单指长按丝袜边缘的环状区域，并上下滑动。

镜头控制：

• 旋转视角： 鼠标左键长按并拖动背景空白处 (PC) / 单指在屏幕背景空白处滑动 (Mobile)。

• 缩放视角： 滚动鼠标滚轮 (PC) / 双指在屏幕上捏合或张开 (Mobile)。

参数调节：

• 点击或触控屏幕右上角的 GUI 中控面板即可调节各项参数。（在移动设备上，建议点击面板顶部的标题栏将其折叠，以获取更大的观察视野）。

✨ 【核心体验与功能】

• 极度逼真的物理交互： 通过鼠标拖拽边缘，可实时进行上下卷动交互。感受真实的物理弹性、勒肉感以及惯性抖动。系统内置了动态肌腱厚度补偿与挤压算法，完美消除了不自然的折痕。

• 强大的纺织参数库： 内置 8 种高精度材质预设（如尼龙丝、包芯丝、天鹅绒等）。支持自由自定义厚度（D数/Denier）、微表面粗糙度与纤维反光度。

• 程序化图案发生器： 无需贴图，通过数学算法实时生成多种基底拓扑类型，如菱形/渔网、波点、条纹、复古后缝线以及复杂的蕾丝提花。

• 专业摄影棚与灯光系统： 化身虚拟摄影师。支持自定义纯色背景或直接上传背景图片；可自由调节相机焦距（FOV），并提供了专业的三点光源阵列（环境光、主光源、轮廓背光颜色及强度），打造完美的视觉质感。

• 解剖学细节与骨骼姿势： 内置骨骼绑定系统，可独立控制双腿的姿态与弯曲角度。底层几何体生成算法完美复刻了真实的脚部生理结构，包含脚背弧度、跟腱细节及踝骨微凸等。

• 皮肤物理与透射 (SSS)： 支持高级次表面散射效果，可自由调节表皮基础色、真实油脂度以及真皮血液散射色，模拟最真实的皮肤质感。

• 一键分享系统： 支持一键随机生成款式，保存无损高分辨截图，或通过原生接口直接将您的定制款式分享至各大社交平台。