Babylon.js 第36章 动态变形网格

其实这是非常容易实现的。

• 要创建可更新网格，必须在调用CreateXXX()方法时将其可更新参数设置为true 。
• 要更新现有的参数形状，我们只需使用与构造它相同的CreateXXX方法。
• 只有现有网格和与新位置相关的数据（路径、路径数组、点数组）必须传递给此方法，其他参数将被忽略。
• 如果我们想变形网格，我们然后在渲染循环中使用CreateXXX()方法。
  在这种情况下，重要的是不要在每帧分配新内存：我们通过索引访问我们的数组，只是更改值而不是创建新数组，我们访问现有对象而不是实例化新对象等。我们还关注权重每个对象的数量（边数、顶点数等）。

例：如果我们需要在渲染循环中更新一个Lines网格，也就是说每帧更新points数组，最好改变每个数组元素的值（points[i].x = newXValue; points[i] .y = newYValue; points[i].z = newZValue; ) 在for循环中，而不是实例化一个新的points数组。

 

    //第一步，x,z的顶点数组
    var pathFun=k=>{
        let path=[]
        for(let i=0;i&l