文章/答案/技术大牛

发布

社区首页 >问答首页 >THREE.SpriteCanvasMaterial不是构造函数| Angular 7

问THREE.SpriteCanvasMaterial不是构造函数| Angular 7
EN

Stack Overflow用户

提问于 2019-12-04 15:11:45

回答 1查看 730关注 0票数 0

我正在使用Angular 7项目，我想用这个document code将三个JS从三个的官方网站添加到我的项目中，然后当我开始运行项目时，它会显示如下错误：

core.js:15723 ERROR TypeError: THREE.SpriteCanvasMaterial is not a constructor
at init (<anonymous>:32:26)
at HTMLDocument.<anonymous> (<anonymous>:16:9)
at e (jquery.min.js:2)
at t (jquery.min.js:2)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
at Object.onInvokeTask (core.js:17289)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)
at push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask (zone.js:496)
at ZoneTask.invoke (zone.js:485)

而且结果也不是很好。我不知道是什么导致了这个错误，即使我的代码与实时站点中的示例是相同的。我还添加了他们也需要的脚本。

<script src="assets/js/threejs/three.js"></script>
<script src="assets/js/threejs/Projector.js"></script>
<script src="assets/js/threejs/CanvasRenderer.js"></script>
<script src="assets/js/threejs/stats.min.js"></script>

javascript

angular

three.js

回答 1

Stack Overflow用户

发布于 2019-12-04 18:14:58

https://threejs.live/is不是该项目的官方网站。官方示例托管在这里：https://threejs.org/examples/

R98在一年多前就删除了CanvasRenderer。因此，对于最新的three.js版本，不能再使用这种类型的渲染器和SpriteCanvasMaterial。

解决方案是使用WebGLRenderer。链接的示例也可以作为WebGL演示使用：https://threejs.org/examples/webgl_points_waves

three.js R111

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/59170685

复制

相似问题

问THREE.SpriteCanvasMaterial不是构造函数| Angular 7
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问THREE.SpriteCanvasMaterial不是构造函数| Angular 7EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问THREE.SpriteCanvasMaterial不是构造函数| Angular 7
EN