Question

我是一个框架中的新手，我有一个简单的问题（实际上对我来说很难）

<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
<a-scene>
    <a-assets>
	    <img id="sky" src="http://aprinweb.ir/vr/img/monument.jpg">
    </a-assets>
    <!-- <a-light type="spot" color="#ff0000" position="0.13 1.31 -1.18" look-at="a-box"></a-light> -->
    <a-sky src="#sky"></a-sky>
</a-scene>

http://aprinweb.ir/vr/

我昨晚制作了这个样本，我需要为这个a-sky标签插入缩放（因为我需要创建一个类似虚拟游览的vr）如何在帧上创建缩放以放大图片??? 谢谢你的帮助

Answer 1

最新的Aframe（v0.9.0）已支持此功能。您需要通过在<a-scene>标签中添加以下标签来使用照相机标签。

<a-entity camera look-controls position="0 1.6 0" id="camera-id"></a-entity>

将使用新添加的相机代替系统默认的相机。在您的代码中，执行以下操作：

var camera = document.querySelector('#camera-id');
camera.setAttribute('camera', 'zoom', your_zoom_factor);

有关更多详细信息和示例，请参见https://github.com/aframevr/aframe/blob/master/docs/components/camera.md。

如何使用缩放创建<a-sky> </a-sky>图像？

1 个答案: