gpt4 book ai didi

javascript - 我想使用 AFrame 和 ARJ 增强标记上的图像。当我单击或触摸(桌面和移动设备)图像时,它应该导航到 URL

转载 作者:行者123 更新时间:2023-12-02 23:46:18 27 4
gpt4 key购买 nike

我正在尝试增强标记上的图像 (HIRO) 。当我单击图像时,它应该导航到 URL。它也应该适用于移动设备和桌面设备。我尝试了所有可能的方法,但它不起作用。在桌面上有时可以工作,有时则不起作用。而且点击准确度也不存在。如果我点击图像,它不会导航,我需要点击图像的底部。

我执行了GLITCH中的代码但它无法正常工作。请修改代码并帮助我。

我尝试了所有可能的方法,有时有效,有时无效,指向精度不存在

<!DOCTYPE html>
<html lang="en">
<head>
<title>AFRAME ONCLICK-URL</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- A FRAME -->
<script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.6.2/aframe/build/aframe-ar.js"></script>
<script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.min.js"> </script>
<!-- import the webpage's stylesheet -->
<link rel="stylesheet" href="/style.css">
<!-- import the webpage's javascript file -->
<script src="/script.js" defer></script>
</head>
<body>
<a-scene vr-mode-ui="enabled: false" embedded artoolkit='sourceType: webcam; detectionMode: mono; maxDetectionRate: 60; canvasWidth: 200; canvasHeight: 200' arjs='debugUIEnabled: false;'>
<a-marker id="memarker" preset="hiro">

<a-entity position="0 0 0">

<a-image src="https://pbs.twimg.com/profile_images/927446347879292930/Fi0D7FGJ_400x400.jpg" width="0.3" height="0.3" position="0.5 0 0" rotation="-90 0 0" shadow event-set__enter="_event: mouseenter; color: #76D7C4" event-set__leave="_event: mouseleave; color: #FFD700" navigate-on-click="url: https://www.google.com/">
</a-image>

<a-image src="https://cdn-images-1.medium.com/max/536/1*oORAGqcJB-2MBl0Dt65D4Q.png" width="0.3" height="0.3" position="-0.5 0 0" rotation="-90 0 0" shadow event-set__enter="_event: mouseenter; color: #76D7C4" event-set__leave="_event: mouseleave; color: #FFD700 " navigate-on-click="url: https://aframe.io/">
</a-image>

</a-entity>

</a-marker>
<a-entity camera>
<a-entity cursor="rayOrigin: mouse;fuse: false;"></a-entity>
</a-entity>
</a-scene>
</body>

</html>

当我单击或触摸图标或图像时,它应该重定向到新的 URL。当我单击或触摸图像时,它应该重定向。它应该适用于移动设备和桌面设备

最佳答案

您的组件未正确注册。当包含 index.js 时,您添加 defer 属性,该属性告诉浏览器该脚本将在文档解析后执行 ( source )

工作故障here .

关于javascript - 我想使用 AFrame 和 ARJ 增强标记上的图像。当我单击或触摸(桌面和移动设备)图像时,它应该导航到 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55847418/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com