CSS3DRenderer.js创建一个3D元素(名为matrix3d)。当视图改变时 - matrix3d元素也会改变。它创建一个div(第66行),以div样式输出以下值:
tf.sqrt(tf.reduce_mean(tf.square(tf.subtract(targets, outputs))))
我需要创建一个新的JS文件加载到页面上(在Three.js和CSS3DRenderer.js之后)将监听这些值,因此我将能够创建一个If语句并根据更改来管理事件matrix3d值。
这是CSS3DRenderer.js代码(无需重复所有内容,只需在第66行附近。):
style="transform-style: preserve-3d; width: 460px; height: 738px; transform: translate3d(0px, 0px, 480.89px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) translate3d(230px, 369px, 0px);"