Javascript 使用三个.js控件_Javascript_Three.js_Jsbin

Javascript 使用三个.js控件

javascript three.js

Javascript 使用三个.js控件,javascript,three.js,jsbin,Javascript,Three.js,Jsbin,我试图在我正在创建的JSBin项目中使用三个TransformControls类。不幸的是，我无法共享我的全部代码。但是，我的JS代码在HTML标记中。我的所有导入都由HTML标记处理。我尝试过TransformControls类的各种源URL，但都没有成功我已经使用：导入了该模块，但在创建新的TransformControls对象时，我一直会收到“脚本错误（第0行）” 这是我的代码： var tC= new THREE.TransformControls(camera, renderer.d

我试图在我正在创建的JSBin项目中使用三个TransformControls类。不幸的是，我无法共享我的全部代码。但是，我的JS代码在HTML标记中。我的所有导入都由

HTML标记处理。我尝试过TransformControls类的各种源URL，但都没有成功

我已经使用：

导入了该模块，但在创建新的TransformControls对象时，我一直会收到“脚本错误（第0行）”

这是我的代码：

var tC= new THREE.TransformControls(camera, renderer.domElement); // this line causes the error
var cC = new THREE.OrbitControls(camera, renderer.domElement); // camera controls works
tC.addEventListener( 'mousemove', render );

我做错了什么

免责声明：我对JavaScript和THREE非常陌生，在脚本标签中添加crossorigin

代码（将在jsbin中工作）：

在脚本标记中添加交叉原点

代码（将在jsbin中工作）：

嘿@EP我建议的解决方案只针对“脚本错误。（第0行）”错误，其他错误与此无关。这似乎是版本不匹配。您可以检查并感谢，@Dolly-如果我有时间，我会再试一次。嘿@EP我建议的解决方案仅适用于“脚本错误。（第0行）”错误，您的其他错误与此无关。这似乎是版本不匹配。你可以检查一下，谢谢，@Dolly-如果我有时间，我会再试一次

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js" crossorigin="anonymous"></script> //<----here

  <script type="text/javascript" src="https://threejs.org/examples/js/controls/TransformControls.js" crossorigin></script> //<----here

</head>
<body>
    <canvas id="myCanvas"></canvas>
  <script>
    //import {TransformControls} from "https://threejs.org/examples/jsm/controls/TransformControls.js";
    var tC= new THREE.TransformControls(); //<-- not a complete code just for understanding
  </script>
</body>
</html>

https://threejs.org/examples/jsm/controls/TransformControls.js