当我创建一个动画元素时,我想知道动画完成的确切时间.我知道"dur"或"begin"可以计算出大概的时间,但是当我使用a-时有任何回调函数动画元素!
当用户在浏览网页上的VR场景时进入VR模式时，是否触发任何JavaScript事件？
还是有任何功能可以返回用户是否正在以VR模式查看网页？
我正在尝试一个框架,找不到任何关于如何拖放元素的东西,并且已经找了几个小时!有人熟悉a-frame吗？谢谢
那是我的代码到目前为止:
<a-scene>
<a-cursor></a-cursor>
<a-assets>
<img id="enemy-sprite" crossorigin="" src="mustache1.jpg">
</a-assets>
<a-image look-at="#player" src="#enemy-sprite" transparent="true" position="0 1.8 -4"></a-image>
<a-camera id="player" position="0 1.8 0"></a-camera>
<a-sky src="street.jpg"></a-sky>
编辑:browser/home.html:
<scene scene-id="sceneId"></scene>
浏览器/ JS /应用/指令/ screne.html:
<a-scene>
<a-sphere click-drag position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
<a-camera look-controls-enabled="false"></a-camera>
</a-scene>
的index.html
<script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-click-drag-component"></script>
<script> registerAframeClickDragComponent(window.AFRAME); </script>
我很难将SVG正确渲染到框架的场景中。我走了htmltexture-component路线，该路线依赖于draw-component。
问题在于要使SVG的背景呈现为透明。它根本不起作用。相反，我得到了在画布上绘制的默认白色背景。我的SVG是在Illustrator中创建的，是没有背景（作为彩色或光栅图像）的有效HTML对象。
<div id="bears">
<svg xmlns="http://www.w3.org/2000/svg" width="518" height="500" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M168.958 480.023c-12.18-1.57-24.62-6.847-34.293-14.544-9.103-7.25-11.733-15.34-7.8-23.99 4.594-10.11 22.386-19.1 27.564-13.92 1.71 1.71 2.03 5.14.68 7.27-.63.99-1.03.66-1.51-1.25-1.37-5.43-13.5-2.54-16.44 3.92-2.72 5.95-.57 14.06 4.3 16.28 5.39 2.45 15.09 1.04 23.89-3.49 3.63-1.87 13.35-9.11 19.14-14.25 12.62-11.23 19.38-16.07 28.49-20.42 5.93-2.84 7.37-3.11 16.5-3.11 8.3 0 10.88.39 15.18 2.32 2.84 1.27 5.95 3.17 6.9 4.22 2.05 2.26 3.74 2.42 5.34.5 2.24-2.71 11.83-6.6 17.78-7.23 6.83-.72 17.37.833 22.4 3.3 3.87 1.892 14 8.59 17.72 11.72 1.38 1.155 6.14 5.31 10.59 9.225 14.51 12.8 …我正在尝试构建一个AFrame应用程序,用户可以点击某些内容并显示新的场景.从那里,用户可以点击其他内容等.此场景的数据来自API,因此很难知道用户可能遇到的所有可能场景.
考虑到这一点,您将如何在运行时修改AFrame场景？显然修改DOM不起作用,但如果有办法让AFrame在某个时间重新渲染场景,那就太棒了.如果您认为还有另一种方法可以解决这个问题,我很乐意听到.谢谢!
我使用Three.js渲染和移动(我的orbitControl更改camera.position)在一个小场景中.
现在我有一个眼裂谷.所以我添加了VRControls和VREffect.
移动头部没有问题.
但我不能再在场景中移动,因为VRControls会覆盖相机参数:
object.quaternion.copy( state.orientation ); // object is the camera
我认为这很容易纠正:我只需要更新相机而不是覆盖它:
object.quaternion.copy(stateOrientationQuat.multiply(currentCameraQuat));
但它不起作用:它呈现移动的轻弹场景.VRControls和orbitControl好像在战斗......
你能告诉我如何将VRControls集成到现有项目中吗？如果您有更新代码(我真的不知道四元数......),那将非常有帮助.
谢谢
我正在制作一个 A-Frame 组件，我想在函数init和其他自定义组件处理程序之间共享数据。
我想出了如何添加到组件模式以允许来自 DOM 的输入使用this.data以下文档设置变量：https :
//aframe.io/docs/0.4.0/core/component.html#component-prototype-特性
但是我遇到了麻烦，有时this.dataDOM的值会从 DOM 恢复到初始状态，而不是反映运行时修改。有没有更好的方法来跨组件共享数据？
我有一个3d对象及其obj和mtl文件,它在Aframe中显示.我想在它上面应用动画,逐渐改变其Alpha值以获得淡出效果.
我浏览了AFrame doc.但找不到与3d对象alpha动画相关的任何内容.
我正在开发一个需要运行时加载 3D 对象的 aframe 项目。我已阅读 A-Frame 文档，并且 aframe 似乎根本不支持运行时资产加载。
我通过 protyze ( https://github.com/protyze/aframe-asset-on-demand-component )发现了这个 aframe-asset-on-demand-component ，它似乎允许在运行时加载 img、音频和视频。但它的文档并未表明在运行时加载 .obj 或 .dae 中的文件等 3D 对象的可能性。
有没有人尝试过使用上述组件来实现 3D 对象的运行时加载？或者有没有其他方法可以达到这个目的？
当相机靠近球体时，我试图显示一些文本。这个想法是，当用户看到球体移得更近时，就会显示文本，比如说“你好”。但现在我只知道如何使用实体添加固定位置的文本，我不知道如何检测相机和球体之间的距离，并在用户看到球体靠近时显示文本。现在这是我的代码：
<html>
<head>
<script src="https://aframe.io/releases/0.7.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-sphere position="0 0 0" perspective="true" radius="1.5" color="#aaa" id="sphere1"></a-sphere>
<a-entity position="4.5 2 0" text="width: 10; color: white; value: Hello"></a-entity>
<a-sky color="#000"></a-sky>
<a-entity class="camwrap" position="0 0 0">
<a-camera look-controls wasd-controls="fly:true acceleration:1" near="1" position="0 0 20" user-height="0" fov="60">
</a-camera>
</a-entity>
</a-scene>
<script>
const cam = document.querySelector("a-camera");
setTimeout(function() {
cam.components["wasd-controls"].keys["KeyW"] = true;
}, 1000);
</script>
</body>
有什么想法吗？