javascript - 如何让多个 .gltf 模型在 three.js webxr_ar_hittest 示例中工作?
问题描述
我正在使用来自three.js的这个示例https://threejs.org/examples/?q=webxr#webxr_ar_hittest并且该示例运行良好,但是当我将圆柱体更改为模型时,它只会让我放置一个模型而不是让我把几个模型放在我点击的地方。有谁知道如何解决这个问题?
在文件中,我使用了他们将气缸放在地板上的部分,但是我想用 .gltf 模型替换它。
var geometry = new THREE.CylinderBufferGeometry( 0.1, 0.1, 0.2, 32 ).translate( 0, 0.1, 0 );
function onSelect() {
if ( reticle.visible ) {
var material = new THREE.MeshPhongMaterial( { color: 0xffffff * Math.random() } );
var mesh = new THREE.Mesh( geometry, material );
mesh.position.setFromMatrixPosition( reticle.matrix );
mesh.scale.y = Math.random() * 2 + 1;
scene.add( mesh );
}
}
我替换为:
var loader = new GLTFLoader().setPath('examples/models/gltf/Duck/glTF' );
function onSelect() {
if ( reticle.visible ) {
loader.load('Duck.gltf', function ( gltf ) {
scene.add( gltf.scene );
});
}
}
此示例使用相机将虚拟对象放置在地板上。先感谢您!
解决方案
推荐阅读
- java - 带有加号的按钮的唯一名称 - 要单击此按钮
- python - Pandas:获取组内列的下 (1 ... n) 行的滚动总和,并为每个总和创建一个新列
- elasticsearch - 如何更改 Grafana 插件中 metricspanel 的指标
- ios - 为什么在 willDisplay 单元格中添加 reloadData 会阻止滚动时单元格出列?
- javascript - axios 响应格式对象 vs 数组
- javascript - 点击事件:switch 语句不起作用
- prestashop-1.7 - 产品功能中的 PS 1.7 HTML
- php - 为使用验证码的机器人隐藏部分页面并限制提供验证码的次数
- julia - 在 Julia 中绘制颜色
- html - Bootstrap 4 Flexbox 将屏幕分为 4 个部分