时间戳

首页 > 解决方案 > Aframe 通过单击图标切换相机视图

javascript - Aframe 通过单击图标切换相机视图

问题描述

我是 Aframe 的初学者，我正在尝试通过单击一个在单击时切换的图标在两个相机视图（默认和辅助）之间切换。我的目标是在鸟瞰图和街景之间切换。在鸟瞰模式下，我希望用户以 0.2 的速度飞行，在街景中我希望他们以 0.1 的速度行走

当我添加带有单独光标实体的第二个相机时，一切都消失了，所以我无法取得太大进展。我将不胜感激提供的任何帮助。

到目前为止，这是我的 HTML 代码：

    <!-- Camera Bird View -->
    <a-entity position="0 0 5" movement-controls="fly: true; speed: 0.2">

        <a-entity camera="active: true" position="0 14 15" look-controls movement-controls="fly: true; speed: 0.2"></a-entity>

    <!-- Camera Street View -->
        <a-entity camera="active: false" position="0 1.6 15" look-controls wasd-controls="speed: 0.1"></a-entity>

      </a-entity>

这是我用于切换图标图像的脚本，理想情况下，我想单击相关图像并切换相机视图：//图标图像切换将街景更改为鸟瞰图。

    $('.tog').on('click', function (){
       $('i').toggle();
     })

document.querySelector('#iconbv').setAttribute('camera', 'active', false);

标签： javascripthtmlaframe

解决方案

推荐阅读