1. 首页
  2. three.js

three.jsSVG中的3d Wave动画

我是新手。我有一个eps或ai,带有点的波浪图像。我希望它加载,但是保持每个点为一个形状,这样我就可以将整个东西设置为一个波浪。它应该在3d空间中,所以我需要在加载svg时获得3d空间中每个点的位置。我还没有弄清楚如何获得点的z轴坐标并保持深度。图像可能与波形函数匹配,但我不知道。有没有办法做到这一点,并且仍然能够使用ThreeJs管理动画的振幅、速度和其他因素?如果是这样的话,我希望能用几句话来指导我如何做,这样我就可以在正确的方向上做一些额外的研究。您将在该WetTransfer链接中找到eps和ai(https://wetransfer.com/downloads/1a72226a52e3ece9c88fa730c3b24a0c20201022105847/c1d0ca11) 因为我无法附加具有该大小的文件。n/ccstackoverflow.com来自svg 25的ThreeJs 3d Wave动画,three.js, pixi.js, 格林斯托克在UTC时间10月20日上午11:10-22日Effie13提问n@Mugen87I发布了该问题。我设法用ThreeJs SVGLoader加载SVG,并没有像ThreeJs文档中的SVGLoader示例那样使用ShapeBufferGeometry,而是分割路径和子路径,只使用位置顶点。它可以创建几乎完全相同的SVG外观,每个层具有不同的z值。我目前正在尝试优化它,因为我有多个相同的对象n 3d Wave Animations from SVGn

three.jsSVG中的3d Wave动画 为WP2原创文章,链接:https://www.wp2.cn/three-js/three-jssvg%e4%b8%ad%e7%9a%843d-wave%e5%8a%a8%e7%94%bb/