Javascript Reflector未定义-three.js
我试图在我的场景中得到一个反射面。我使用了来自 据我所知,这是在场景中放置反射对象所需的唯一代码:Javascript Reflector未定义-three.js,javascript,three.js,Javascript,Three.js,我试图在我的场景中得到一个反射面。我使用了来自 据我所知,这是在场景中放置反射对象所需的唯一代码: var geometry = new THREE.CircleBufferGeometry( 40, 64 ); var groundMirror = new Reflector( geometry, { clipBias: 0.003, textureWidth: WIDTH * window.deviceP
var geometry = new THREE.CircleBufferGeometry( 40, 64 );
var groundMirror = new Reflector( geometry, {
clipBias: 0.003,
textureWidth: WIDTH * window.devicePixelRatio,
textureHeight: HEIGHT * window.devicePixelRatio,
color: 0x777777,
recursion: 1
} );
groundMirror.position.y = 0.5;
groundMirror.rotateX( - Math.PI / 2 );
scene.add( groundMirror );
这就是我在HTML中调用每个脚本的方式:
<script
type="text/javascript"
src="index.js"
></script>
<link rel="stylesheet" type="text/css" href="/stylesheet.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/animejs@3.0.1/lib/anime.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/three.js/105/three.min.js"></script>
<script src="Reflector.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/mrdoob/three.js@r92/examples/js/loaders/GLTFLoader.js"></script>
</head>
<body>
Reflector.js和index.js目前是我项目的根目录
我不断地发现这个错误:
反射镜未在窗口中定义。onload尝试将index.js
标记放在
的末尾,以便最后执行
这样,当您调用newreflector()
时,就可以使用所需的文件
(作为补充说明,请尝试使用GLTFLoader和Three.js的匹配版本。将
r92
的加载程序与Three.jsr105
一起使用可能会导致不兼容或错误。)我试过了,但仍然发现窗口的反射器未定义。onload@Angelo您能在使用window.onload
的地方添加代码部分吗?另外,Reflector.js
文件的顶部是什么样子的?它是以3.Reflector=function
开头还是以var Reflector=function
开头?您的案例可能使用了错误的文件。抱歉,我工作时间太长,项目的这一方面落后了。我将很快再次尝试实施。