Journal of Textile Research ›› 2026, Vol. 47 ›› Issue (04): 198-206.doi: 10.13475/j.fzxb.202508027301

• Apparel Engineering • Previous Articles     Next Articles

Visual programming and digital interactive design based on cloud collar patterns

MAO Keren1, ZHENG Jingjing2,3(), CUI Rongrong2,3, WANG Zhicheng2,3   

  1. 1 Art & Design Academy, Zhejiang Sci-Tech University, Hangzhou, Zhejiang 310018, China
    2 School of Fashion Design & Engineering, Zhejiang Sci-Tech University, Hangzhou, Zhejiang 310018, China
    3 Digital Intelligence Style and Creative Design Research Center, Zhejiang Sci-Tech University, Hangzhou, Zhejiang 310018, China
  • Received:2025-08-11 Revised:2026-02-15 Online:2026-04-15 Published:2026-06-24
  • Contact: ZHENG Jingjing E-mail:zjj.cecily@163.com

Abstract:

Objective This study addresses stagnant evolution in traditional Chinese cloud collar patterns and digital interaction limitations. It proposes a novel framework using visual programming to bridge historical art and digital expression. By analyzing examples form Ming and Qing dynasties, it deconstructs forms and principles, establishing a robust parametric system to capture digitally the traditional aesthetics. Integrated audio-driven interaction creates a dynamic generative environment for the living inheritance of this heritage, specifically enhancing youth engagement and fostering innovative participation with traditional culture.

Method Ming-Qing cloud collar patterns were collected. High-resolution scanning and image processing were used for precise feature extraction of skeletal structures and decor. A digital workflow in TouchDesigner (node-based visual programming) was built, and dynamic particle reconstruction was carried out, where 2-D patterns were transformed into responsive 3-D particle systems using Point Transform TOP to map deconstructed image RGB values to particle 3-D coordinates (X, Y, Z) in real-time. Audio features were extracted and mapped in real-time to control particle parameters. A fuzzy comprehensive evaluation model was applied to assess input efficacy for high-fidelity digital pattern representation.

Results The research results indicated that the innovative integration of cloud collar patterns with visual programming technology not only achieved the digital regeneration of traditional cloud collar patterns but also established a dynamic inheritance path featuring both technological breakthroughs and cultural depth. The dynamic particle reconstruction technology facilitated the creative transformation from 2-D to 3-D through the node workflow of TouchDesigner. Patterns, after being standardized by Fit TOP, optimized for blurriness by Blur TOP, and adjusted for parameters by Level TOP, were synthesized into RGBA four-channel maps via Reorder TOP. Subsequently, through the GPU parallel architecture of Point Transform TOP, the RGB channel values were mapped in real-time to 3-D particle coordinates (with the R value controlling the X-axis, the G value controlling the Y-axis, and the B value controlling the Z-axis). Combined with instantiated rendering by Geometry COMP and optical simulation by Phong Mat, a high-density particle scene with a sense of volume and material response was ultimately formed, accurately reproducing the geometric aesthetics of traditional structures such as the "cross-shaped" framework of the Sihe Ruyi style and the radial structure of the willow leaf style.The music interaction mapping system constructed a cross-modal real-time response mechanism. By extracting audio RMS energy, which was preprocessed through Gaussian filtering by Filter CHOP, the threshold interval was controlled by Limit CHOP to convert the energy data into displacement parameters of particles along the X/Y/Z axes. Combined with logical triggering by Logic CHOP and layer switching by Switch CHOP, dynamic effects such as breath-like fluctuations at low frequencies and radial light effects at high frequencies were achieved, enabling the particle movement to synchronize with musical rhythms at the millisecond level. The fuzzy comprehensive evaluation involving 10 industry professionals and 65 experiencers shows that although the static parameter scheme accurately restored the aesthetic of patterns with a high visual fidelity rate, its dynamic expressiveness was relatively weak. The dynamic video scheme, on the other hand, demonstrated significant advantages in interactive real-time performance and application adaptability, with a comprehensive score of 87.723 using the dual-weight method. This digital achievement can be widely applied in scenarios such as immersive exhibitions in digital museums, real-time dynamic decorations in fashion shows, and interactive experiences in AR/VR, injecting technological vitality into traditional patterns and promoting their evolution from static heritage to dynamic cultural symbols.

Conclusion This study introduces a novel digital construction methodology for Chinese cloud shoulder patterns, fundamentally leveraging the power and accessibility of visual programming. This approach effectively facilitates the modernization and revitalization of these significant traditional cultural elements. Relative to conventional graphic design or static 3-D modeling approaches, the proposed framework delivers an innovative technical solution for the living transmission of intangible cultural heritage. Its core strengths lie in its parametric flexibility and its inherent interactivity. The methodology exhibits substantial extensibility, readily adaptable to the parametric digitization and interactive regeneration of numerous other traditional decorative patterns beyond cloud shoulders. Consequently, this research possesses significant cultural dissemination value, offering new avenues for heritage appreciation, and considerable industrial application potential across creative industries, education, and digital heritage preservation, ensuring these ancient art forms resonate powerfully in the digital age.

Key words: visual programming, TouchDesigner, cloud collar ornamental pattern, dynamic particle reconstruction, music-interactive mapping

CLC Number: 

  • TS941.2

Fig.1

Schematic diagram of cloud collar arrangement pattern. (a) Physical sample 1;(b) Physical sample 2; (c) Physical sample 3;(d) Physical sample 4"

Fig.2

Underlying logic of converting 2-D vertices to a 3-D point cloud"

Fig.3

Underlying logic of music interaction mapping"

Fig.4

Analysis of physical contour and framework structure of cloud collar. (a) Fourfold Ruyi cloud collar;(b) Willow-Leaf-Shaped cloud collar; (c) Composite cloud collar"

Fig.5

Digital construction pipeline for cloud collar patterns"

Fig.6

Particle reconstruction of cloud collar patterns. (a) Particle scenario 1; (b) Particle scenario 2; (c) Particle scenario 3"

Fig.7

Music Interaction System Setup"

Fig.8

Effects of digital cloud collar patterns under different parameters. (a) Parameter variations under static pattern input;(b) Parameter variations under dynamic pattern input"

Tab.1

Evaluation metric set and weight values"

评价指标集N 评定集F 评价指标权重值WF
视觉保真度N1 非常满意F1;
满意F2;一般
F3;不满意F4
0.15
交互实时性N2 0.35
文化阐释深度N3 0.2
应用适配性N4 0.3

Tab.2

Membership matrix R"

评价指
标集N
方案一 方案二
F1 F2 F3 F4 F1 F2 F3 F4
N1 0.53 0.30 0.12 0.05 0.33 0.22 0.32 0.13
N2 0.07 0.22 0.58 0.13 0.58 0.33 0.08 0.00
N3 0.03 0.15 0.70 0.12 0.24 0.28 0.44 0.04
N4 0.17 0.22 0.62 0.00 0.47 0.40 0.13 0.00
综合隶
属度
0.160 0.216 0.547 0.078 0.442 0.325 0.205 0.028

Tab.3

Design Scheme Satisfaction"

设计方案 总分法综合得分 分权法综合得分
方案一 0.249 76.875
方案二 0.281 87.723
[1] 崔荣荣, 牛犁, 王闪闪. 鲁南地区云肩技艺的考察及思考[J]. 民俗研究, 2013(4): 132-136.
CUI Rongrong, NIU Li, WANG Shanshan. Investigation and thinking on cloud shoulder skills in southern Shandong Province[J]. Folklore Studies, 2013(4): 132-136.
[2] 代永琪, 彭莉, 谢乃鹏. 数字赋能: 基于视觉Transformer的非遗苗绣纹样数字化提取[J]. 丝绸, 2024, 61(7): 14-24.
DAI Yongqi, PENG Li, XIE Naipeng. Digital empowerment: digitized extraction of patterns of the intangible cultural heritage Miao embroidery based on visual Transformer[J]. Journal of Silk, 2024, 61(7): 14-24.
[3] 王维杰, 刘毅, 肖露, 等. 基于改进生成式对抗网络与矢量绘制技术的古蜀锦纹样数字化研究[J]. 丝绸, 2023, 60(11): 18-27.
WANG Weijie, LIU Yi, XIAO Lu, et al. Research on digitalization of ancient Shu brocade patterns based on improved generative adversal network and vector rendering technology[J]. Journal of Silk, 2023, 60(11): 18-27.
[4] BERTASIUS G, SHI J B, TORRESANI L. DeepEdge:a multi-scale bifurcated deep network for top-down contour detection[C]//2015 IEEE Conference on Computer Vision and Pattern Recognition (CVPR). New York: IEEE, 2015: 4380-4389.
[5] FENG Y, SHI Z, KONG Q, et al. Detection of ethnic minority's symbols based on deep learning[J]. Journal of Physics: Conference Series, 2020, 1646(1): 012033.
doi: 10.1088/1742-6596/1646/1/012033
[6] 张素雅, 崔荣荣, 王志成, 等. 八达晕纹样结构参数化解构与再生设计[J]. 纺织学报, 2024, 45(6): 165-172.
ZHANG Suya, CUI Rongrong, WANG Zhicheng, et al. Parametric and regeneration design of Badayun patterns[J]. Journal of Textile Research, 2024, 45(6): 165-172.
[7] 吴思熠, 闫竞文, 陆垠蕾, 等. 传统纹样的数智生成与创新设计应用[J]. 针织工业, 2025(3): 61-66.
WU Siyi, YAN Jingwen, LU Yinlei, et al. Digital intelligence generation and innovative design application of traditional patterns[J]. Knitting Industries, 2025(3): 61-66.
[8] 茅佳怡, 苏淼. 基于人工智能生成内容技术的八达晕纹二维图像及三维模型生成方法[J]. 纺织学报, 2025, 46(4): 129-137.
MAO Jiayi, SU Miao. 2-D image and 3-D model generation method of Badayun patterns based on artificial intelligence generated content technology[J]. Journal of Textile Research, 2025, 46(4): 129-137.
doi: 10.1177/004051757604600208
[9] 卢润彩, 李晓红. 博物馆陈列展览数字交互设计探析[J]. 中国博物馆, 2023(2): 96-99.
LU Runcai, LI Xiaohong. Research on digital interaction design of museum exhibitions[J]. Chinese Museum, 2023(2): 96-99.
[10] 施建平, 王萱. 传统云肩服饰艺术的运用与装饰审美意义[J]. 丝绸, 2011, 48(3): 38-42.
SHI Jianping, WANG Xuan. Application of traditional cloud shoulder dress art and its adornment aesthetic significance[J]. Journal of Silk, 2011, 48(3): 38-42.
[11] 闫颜. 传统云肩元素在新中式服装中的创新应用研究[D]. 上海: 东华大学, 2024.
YAN Yan. Traditional cloud shoulder elements in new Chinese clothing innovative application research[D]. Shanghai: Donghua University, 2024.
[12] 高毅, 高越. 中国传统服饰配件云肩元素的创新实践: 评《中国最美云肩: 卓尔多姿之形制》[J]. 毛纺科技, 2022, 50(5): 128-129.
GAO Yi, GAO Yue. Innovative practice of cloud shoulder elements in traditional clothing accessories in China: comment on the most beautiful cloud shoulder in China: a unique shape[J]. Wool Textile Journal, 2022, 50(5): 128-129.
[13] 张芳. 简析云肩在服装装饰中的视觉重构[J]. 四川戏剧, 2017(5): 161-164.
ZHANG Fang. A brief analysis of the visual reconstruction of cloud shoulder in clothing decoration[J]. Sichuan Drama, 2017(5): 161-164.
[14] 冯乔, 黄天. 基于TouchDesigner视觉编程技术的粤剧数字化设计创新[J]. 包装工程, 2023, 44(6): 1-11.
FENG Qiao, HUANG Tian. Digital design innovation of Cantonese opera based on TouchDesigner visual programming technology[J]. Packaging Engineering, 2023, 44(6): 1-11.
[15] 黎珂位. 多感官交互叙事空间设计: 艺术与科技专业的信息交互设计课程研究与实践[J]. 包装工程, 2023, 44(S1): 625-629, 650.
LI Kewei. Multi-sensory interactive narrative space design: research and practice of information interactive design course for art and technology majors[J]. Packaging Engineering, 2023, 44(S1): 625-629, 650.
[16] 陈占军, 林姚宇, 龚咏喜, 等. 古建筑视觉三维重建系统设计与实现[J]. 计算机应用与软件, 2021, 38(8): 17-22, 32.
CHEN Zhanjun, LIN Yaoyu, GONG Yongxi, et al. Design and implementation of visual 3d reconstruction system for ancient buildings[J]. Computer Applications and Software, 2021, 38(8): 17-22, 32.
[17] 韩林倩. “四合如意”云肩形制研究及其服装设计创新探索[D]. 杭州: 中国美术学院, 2023.
HAN Linqian. Research on the shape of "Sihe ruyi" shoulder and its innovation in fashion design[D]. Hangzhou: China Academy of Art, 2023.
[18] 崔荣荣, 高卫东. 民间服饰品的适用性功能[J]. 纺织学报, 2009, 30(2): 100-103.
CUI Rongrong, GAO Weidong. Applicability function of folk clothing accessories[J]. Journal of Textile Research, 2009, 30(2): 100-103.
[19] 梁惠娥, 胡少华. 近代服饰品云肩中云纹形态及其组合形式初探[J]. 装饰, 2009(11): 76-77.
LIANG Huie, HU Shaohua. Explore the moire patterns and combinations in the tippet in modern times[J]. Art & Design, 2009(11): 76-77.
[20] 陈贵娴, 朱剑刚. 基于Kano模型与模糊综合评价的小户型智能家具设计[J]. 林业工程学报, 2026, 11(1): 197-206.
CHEN Guixian, ZHU Jiangang. Design of smart furniture for small apartment based on Kano model and fuzzy comprehensive evaluation[J]. Journal of Forestry Engineering, 2026, 11(1): 197-206.
[1] ZHANG Aidan, LI Jie. Design and evaluation of anti-counterfeiting jacquard fabrics with unconventional dot structures [J]. Journal of Textile Research, 2026, 47(04): 120-126.
[2] PAN Junyuan, LI Bingxian, JIANG Gaoming. Recent advances in development of flexible stab-resistant materials [J]. Journal of Textile Research, 2026, 47(04): 225-234.
[3] LIU Yixin, WAN Meiyi, ZHANG Ning, PAN Ruru. Feature fusion approach for fabric image retrieval under complex scenarios [J]. Journal of Textile Research, 2026, 47(02): 188-194.
[4] SUN Weibin, QIAN Juan, YUAN Chengxiao, DU Jinsong. Model construction for parametric pattern automatic generation based on Python [J]. Journal of Textile Research, 2026, 47(01): 186-195.
[5] YIN Qiaolin, NI Shenyijia, ZHENG Qi, HE Ying. Construction and application of comprehensive dress evaluation model based on body shape characteristics [J]. Journal of Textile Research, 2025, 46(12): 198-207.
[6] TUO Wu, LIU Qiongyang, LI Qingxiang, CHEN Qian, FAN Ruige, LI Pei. Automatic size measurement of women's trousers based on machine vision and YOLO11n [J]. Journal of Textile Research, 2025, 46(12): 208-215.
[7] LI Shiyun, WEN Run, SHEN Hua, WU Jianhua. Parametric generation and reconstruction design of four-sided continuous patterns in traditional brocade [J]. Journal of Textile Research, 2025, 46(11): 86-93.
[8] XU Qing, HU Yili, YANG Zhuo, ZHOU Jiu. Influence of colored-weft proportion on juxtaposed color mixing in triple-weft full-display compound weaves [J]. Journal of Textile Research, 2025, 46(10): 69-78.
[9] LIU Beifen, ZHANG Tantan, FENG Zhengrong. Research on style design of Qing dynasty mandarin square based on Cycle GAN [J]. Journal of Textile Research, 2025, 46(09): 213-224.
[10] HU Anni, WANG Jie, YANG Wushi, ZHONG Yueqi. Pattern generation from 3-D scanned garments for virtual display [J]. Journal of Textile Research, 2025, 46(08): 209-216.
[11] WANG Xu, WAN Tengshu, CUI Jing, ZHAO Chunwang, LIU Junwei, HU Kuncai, ZHANG Yichun, XIAO Chaojie. Development and performance research of saw-resistant clothing [J]. Journal of Textile Research, 2025, 46(08): 199-208.
[12] CHEN Xiaozhen, WU Ying, YANG Ye, LU Lihao. Parameterized pattern generation of women's jumpsuit based on three-dimensional virtual model transformation [J]. Journal of Textile Research, 2025, 46(07): 193-201.
[13] MING Yuhao, ZHANG Ning, XIANG Jun, PAN Ruru. Research on content-based interactive fabric image recommendation [J]. Journal of Textile Research, 2025, 46(06): 135-142.
[14] SHI Jia, LI Mengzhu, XIAO Boxiang. Technical research progress in functional speed skating suits [J]. Journal of Textile Research, 2025, 46(06): 250-260.
[15] MAO Jiayi, SU Miao. 2-D image and 3-D model generation method of Badayun patterns based on artificial intelligence generated content technology [J]. Journal of Textile Research, 2025, 46(04): 129-137.
Viewed
Full text


Abstract

Cited

  Shared   
  Discussed   
No Suggested Reading articles found!