在three.js Angular2+中的某个区域中呈现自定义组件的最佳实践？

Question

在three.js场景中的某个区域中呈现某个组件的最佳实践是什么？

Answer 1

若要使用three.js中的Angular2+在区域中呈现自定义组件，可以：

使用library.

• Create装饰器从

1. 导入@angular/core模块和THREE对象--使用@Component装饰器，并指定组件的选择器名称和模板。在组件类中，
2. ，创建一个renderer对象和一个camera对象。H 211H 112在ngAfterViewInit()的生命周期中，创建一个scene对象并将您的自定义3D对象添加到其中。
3. 创建一个render()函数，该函数将被反复调用以更新场景并呈现3D对象。ngOnDestroy()生命周期钩子中的
4. ，停止呈现循环并清除任何引用，以确保正确的垃圾收集。