本文更新于: 2024年3月11日
阿喵前言:小时候经常喜欢折纸玩,除了叠纸飞机,叠一些心型折纸送小姑娘,你还会多少折纸方式呢?现在你还有去折纸吗?今天阿喵给大家分享一个在线折纸的网站,完美复现折纸过程和效果。
这个应用程序允许您模拟任何折纸折痕图案将如何折叠。它可能看起来有点不同 从您通常认为的“折纸”开始 – 而不是在一组连续的步骤中折叠纸张, 此模拟尝试同时折叠每个折痕。它通过迭代求解初始平板几何形状中由于力引起的小位移来实现这一点 由折痕施加
这个折纸网站,演示效果超好。十分流畅。
网站截图
技术引用
- 所有渲染和 3D 交互都使用 three.js 完成
- svgpath 和 path-data-polyfill 有助于 SVG 路径解析
- FOLD 用作内部数据结构,FOLD API 中的方法用于 SVG 解析
- 导入几何图形的任意多边形面使用 Earcut Library 和 cdt2d 进行三角化
- 线性代数运算的numeric.js
- GIF 和 WebM 视频导出使用 CCapture
网站链接
声明:本站为个人非盈利博客,资源均网络收集且免费分享无限制,无需登录。资源仅供测试学习,请于24小时内删除,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集。请支持正版!如若侵犯了您的合法权益,可联系我们处理。