three.js在r121模块版本中扩展三个对象

所以我已经有一段时间的代码来扩展3.网眼布对象。
某物>
由于SkindMesh是从网格构造而来的，因此此用途也扩展到SkindMesh。nThree121的模块版本似乎破坏了此功能。它在Three121常规版本和Three120模块构建中也可以正常工作。Three121模块版本中的某些内容改变了这种行为。
我已经重新编写了一次游戏来使用模块，因为three决定不再为非模块版本构建或维护示例。现在，在下一个版本中，我再次需要重新编写一些代码。这一点越来越难跟上。
有人能说这个吗？这是一个bug还是故意的？
编辑*对不起，我一直在使用prototype。我错把它漏掉了。n1. JS允许你做一些事情并且不抛出错误，这并不意味着你应该这么做。你是在入侵图书馆，然后指责更新破坏了你的黑客行为？如果您需要其他功能，请围绕Mesh类创建包装并将其添加到其中-在运行中修改库实际上是要求它在某个点中断（并需要部分重写）。n2. n3. 您可以尝试更改：n4. toThough I can\"t promise it will help. The best solution would be to create a separate object that contains the Mesh and has the additional functionality you need.I tried with the prototype as well, no luck.I suppose I\"ll just have to do some re-writes and also figure out why some other 3rd party functionality stopped working as well.This all worked fine for like 7 years lol. Oh well. mjurczyk:The best solution would be to create a separate object that contains the Mesh and has the additional functionality you need.I consider modifying the prototype more of a feature of Javascript though it can get you in trouble. I agree that derived classes are better practice but there are some cases where it\"s not possible or just far too cumbersome to do. Specifically the cases I\"ve modified the prototype are to add raycast functionality using BVHs for all Mesh and adding an extra event when adding children to performantly track all the objects in a subhierarchy. I usually try to limit the modification to overriding or extending existing functions, though, and use it sparingly. Completely custom functions are riskier because you may wind up overwriting a new function added to THREE with the same name.@titansoftimeThis is the pattern I\"ve always used:import { Mesh } from \"three\";// extending an existing = function() {};您能制作一个小提琴来显示前后的行为变化吗r121？这应该仍然有效。甚至可以使用基于模块的版本制作小提琴吗？我以前试过使用时，总是出错three.js. 当然，我可能只是做错了什么事。所以说得很清楚（我不认为我做错了），扩展函数3.网眼布仍然有效，但现在已经坏了3.斯金德梅什.这也仅适用于r121的模块版本。模块版本r120运行良好。非模块r121也可以正常工作。示例：import * as THREE> titansoftime:Can fiddles even be made with the module based version?Yup – the three.js starter fiddle uses modules, as well:jsfiddle.netEdit fiddle - JSFiddle - Code Playground 8Ah ok great thank you. I can\"t load the file from my server like normal, but that unpkg.com link works fine.Hmm, I\"m not sure what is goin on now. I made an example and it seems to be working. I\"m not sure why my live app is not liking r121.jsfiddle.netEdit fiddle - JSFiddle - Code Playground 3I\"ll have to do some more research.Thanks for helping me with the module based fiddle.You can use the JavaScript Class extends Keyword.Example below extends the OrbitContols.class ExtendedOrbitControls extends OrbitControls {constructor(camera, domElement) {super(camera,>and then use it,const>Running exampleJavaScript versionSee Lines 5-10, 21-23 :>TypeScript VersionSee Lines 6-12, 27-29:>image1072×609 192 KB@gkjohnson hm, that\"s true, mutability of everything is great, same with clojures, dynamic typing etc., but only as long as (1) it\"s predictable (2) you know what you are doing. If our man @titansoftime goes once again mutating (or extending) Three\"s classes (which may or may not change over time, you can\"t predict that) he is kinda asking for trouble in the future once again. And I can\"t really seem to understand why in the first place.Imo the smart (and easy) way would be to just build stuff around it:class MySomethingThatAlsoHasAMesh>@seanwasere inheritance (except maybe for extending React.Component）似乎产生了比解决方案更多的问题4-它的耦合和链接类，这会使以后的任何修改变得有点困难。猴子补丁是一种有效的方法，也是我非常不喜欢ES6类锁定此功能的原因。一些无需核心修改就可以修补的功能无法再使用它了，因此，透明是一项要求。这是一个完美的例子，说明了为什么“组合而非继承”是一个好的实践。如前所述，您应该围绕THREE.js物体。让THREE.js成为引擎中的“内部”，而不是“融入”的东西，否则在更新到新版本时，您总是会遇到类似的问题。我一直采用不接触或修改原始代码的方法，而是围绕对象编写包装。是的，您将创建一些样板代码（基本上有很多代理方法），但至少它不会破坏您自己引擎的内部API。更新THREE时，您只需修复自己代码中直接使用THREE自身对象的点。例如：# Your Mesh class which extends THREE.Meshexport class MyMesh extends Mesh{// Your own code.}# Some random part in your own code:const>If for whatever reason, THREE decides to change the method signature of set，您必须更新自己代码中调用set的每个部分。现在，采用“组合重于继承”的方法：# MyMesh wraps THREE.Meshexport class MyMesh{private _mesh:>Now, if THREE decides to change the method signature of the set方法，您只需要在自己的代码中更新setPositio
方法。当然，这只是一个假设的示例，但希望它能显示当您想要使用的三个新的更新发布时，您自己的代码变得多么容易维护
Extending THREE objects in r121 Module versionn

three.js在r121模块版本中扩展三个对象

three.js[已解决]正交摄影机的变换控件：gizmos缩放问题

three.js多次渲染同一模型（obj模型），FPS要低得多

three.js可缩放场景背景

three.js移动导入的Gltf模型

three.js平面明暗处理的问题

three.js如何渲染立方体材质？

three.js如何创建要在网格中拟合的线段

three.jsGLTFLoader.js这是我的登记簿错误

three.js使用threejs的光流

three.js使用光线投射动态绘制多边形