Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Angular2使用threejs Orbitcontrols大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在我的angular(cli)2 app中使用threejs例子.

所以我安装了threejs:

npm install three --save

然后添加了打字:

npm install @types/three --save-dev

最后我的组件看起来像这样:

import { Component,OnInit } from '@angular/core';
import * as THREE from 'three';

@Component({
    selector: 'app-testthreejs',templateUrl: './testthreejs.component.html',styleUrls: ['./testthreejs.component.css']
})
export class TestthreejsComponent implements OnInit {
//
}

有了这个,我可以使用三个功能,没有任何问题.

我想使用node_modules / three / examples / js /中的一些例子,更准确地说是OrbitControl.这些打包给了我visual studio代码中的自动完成功能

但是一旦我尝试使用它,我有以下错误

有没有办法通过一些导入提供OrbitControls(和其他例子)?
我应该只在我的HTML中包含control.js吗?

处理这个问题的最佳方法是什么?

尝试使用替代包
https://www.npmjs.com/package/three-orbitcontrols-ts

1.安装包

npm install --save three-orbitcontrols-ts

2.在您的文件中使用

import * as THREE from 'three';
import { OrbitControls } from 'three-orbitcontrols-ts';

const controls = new OrbitControls(camera,renderer.domElement);

大佬总结

以上是大佬教程为你收集整理的Angular2使用threejs Orbitcontrols全部内容,希望文章能够帮你解决Angular2使用threejs Orbitcontrols所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: