# Woven Cloth A Three.js woven-cloth simulation with Woven Cloth typography printed into its procedural textile so every letter deforms with the fabric, and three companion cloths woven around the same Verlet sheet. > 来源：ThreeUI Community · https://threeui.com · MIT License（Meng To / Design+Code） > 组件页：https://threeui.com/component/woven-cloth · 预览动画：https://threeui.com/previews/woven-cloth.webm > 分类：Three.js > 包含变体（3）：iridescent、atelier、washi /* ===== src/shaders/woven-cloth/WovenCloth.tsx (tsx) ===== */ import { useMemo } from "react"; import { NEUFORM_CRAFT_DEFAULTS, WovenCloth as WovenClothSource, type NeuformCraftEffectProps, } from "../neuform-isolated/NeuformCraftEffects"; import atelierSource from "./woven-cloth-atelier.html?raw"; import iridescentSource from "./woven-cloth-iridescent.html?raw"; import washiSource from "./woven-cloth-washi.html?raw"; export const WOVEN_CLOTH_VARIANTS = ["woven-cloth", "iridescent", "atelier", "washi"] as const; export type WovenClothVariant = (typeof WOVEN_CLOTH_VARIANTS)[number]; export type WovenClothProps = NeuformCraftEffectProps & { variant?: WovenClothVariant; }; /* "woven-cloth" is the packaged Neuform export, rendered by its own isolated host so the authored document stays exactly as supplied. The other three are complete first-party documents: each keeps the parent's Verlet sheet and its habit of printing the wordmark into the textile, and rebuilds the material, the construction and the light around a different cloth. */ type
……（完整源码请在站内查看）
