我正在尝试复制以下代码笔:
https://codepen.io/jhealey5/pen/VxEZKK
loader.load(typeface, (font) => {
Array.from(triggers).forEach((trigger, idx) => {
texts[idx] = {};
texts[idx].geometry = new THREE.TextGeometry(trigger.textContent, {
font: font,
size: window.innerWidth * 0.02,
height: 4,
curveSegments: 10,
});
THREE.GeometryUtils.center(texts[idx].geometry)
texts[idx].particles = new THREE.Geometry();
texts[idx].points =
THREE.GeometryUtils.randomPointsInGeometry(texts[idx].geometry,
particleCount);
createVertices(texts[idx].particles, texts[idx].points)
enableTrigger(trigger, idx);
});
});
并且 GeometryUtils.js 文件存在于三个/examples/js/utils/ 目录中,但我收到此错误:
GeometryUtils.js:6 Uncaught ReferenceError: THREE is not defined
at Object../node_modules/three/examples/js/utils/GeometryUtils.js
这里到底发生了什么?