Javascript 如何在多个模型上正确应用矩阵变换？

我正在尝试完成一个在WebGL中生长的树的动画

在这个项目中，我有2/3的模型，它们构成了树的构建块

分支模型 叶模型 主干模型 现在，我在这些模型中应用了各种矩阵变换，如平移、缩放、旋转等

我的问题是如何在项目中有效地组织这些事情

我不使用任何图书馆，而是自己处理一切。我已经得到了自定义场景，相机功能，这是工作得很好

但我所坚持的是，我无法将特定的转换应用于特定的单个模型

而且

我无法动态更改相机剪辑空间，因为加载的模型越来越多

---

有人能帮我完成这个项目的基本组织吗

看看下面的枫树

---

底部的注释

你为什么不看看现有的项目，看看它们是如何组织的？@gman是的，听起来不错，这是我迈出的第一步。但不幸的是，我没有看到任何项目能够在运行时加载和转换模型，而不使用任何库，如Three.js等。使用简单的相机/场景功能我的意思是查看Three.js或其他框架。不清楚我们如何才能真正回答你的问题。你想如何组织事情？你想要一张风景画吗？是否要渲染树？你想要材料吗？你想要24个半标准矩阵吗？你想要。。。？这基本上变成了一个意见问题。因此，我建议查看其他示例，我所说的示例是指框架本身内部的示例。SceneGL、ImpactJS、Three.js、Babylon.js等。。大多数框架都使用某种类型的树。@ikis您想要多大的树？比如说20k片树叶，2000根树枝，100根树干？小树可能基于cpu生成，而大树则需要非常不同的方法。