如何在three.js中添加360全景图中的div元素或热点？

文章/答案/技术大牛

发布

1回答

javascript、three.js、360-panorama

我正在创建虚拟浏览上传360图像，并希望包括热点或任何内部的360图像中的点击位置在360图像的div元素。我应该从事件值中保存什么在数据库中，比如我可以从单击的事件中获得角度值和event.clientX或event.clientY值。如果我创建div，那么在旋转360图像时，div

浏览 39提问于2019-07-11得票数 2

1回答

Threejs:制作与热点的全景互动

javascript、jquery、three.js

我正在尝试使用三个使用360全景图像创建虚拟旅游，使用下面的示例使用我自己的全景图像：对如何做到这一点有什么想法或帮助吗？如有任何指导，将不胜感激。非常感谢

浏览 1提问于2017-04-28得票数 4

回答已采纳

1回答

在纸板应用程序中添加UI元素

android、google-cardboard、google-vr、google-vr-sdk

我想在Android工作室里做一个360度的全景视图。我知道这是一个很长的路要走，但现在，如果有人能帮助我或指导我实现它，它将真的很有帮助。提前谢谢。

浏览 7提问于2017-07-06得票数 0

1回答

带热点的纸板全景图

android、android-studio、google-cardboard

我正在尝试用Android开发一个显示全景图的纸板应用程序。我研究了google提供的用于Cardboard应用程序的api。问题是:我是否可以在全景图中添加一些可以点击的热点/按钮，以便让用户能够与全景图交互(关于单个点的信息，或者直接在全景图上更改照片)。我开始想我需要一些3D渲染器(像Rajawali或OpenGL)。这是一个例子：这个应用是用Un

浏览 7提问于2016-08-30得票数 0

回答已采纳

1回答

基于THREE.js的等矩形全景图特征投影

three.js

相对较新的THREE.js。我正在试图弄清楚如何将一个带有文本的DIV投影到一个等长方形的全景图中。我有一个简单的例子来处理我的全景图像。问题:我的全景图中有一个要素的纬度和经度，我想将一个DIV标签投射到3D空间中。如何在画布上将经度和纬度转换为X和Y，以便更改DIVS left和top style属性，以

浏览 11提问于2017-01-30得票数 1

0回答

Three.js:将图像添加到6立方体全景图中的纹理底部作为热点

javascript、three.js、360-panorama

我正在使用作为我的项目的基础。现在我想在一个选定纹理的底部添加一个小图像(圆)，就好像这是全景地板上的一个热点，它将响应用户的点击。请看下图，地板上有两个圆圈：我尝试了下面的代码将图像添加到全景图中的6个纹理中的一个：loader.loadvar sprite = new

浏览 2提问于2018-07-09得票数 0

回答已采纳

3回答

确定旋转角度是否在球体内的相机视图中

javascript、three.js、rotation、panoramas

在three.js中，我在位置为(0,0,0)的SphereGeometry中创建了一个摄像头。我正在球体的墙上投射一张全景图像。我正在尝试在the框架之外创建一些交互式JS元素，该元素基于相机面对的方向触发。我得到了两个参数，θ和φ，它们分别是x& z和y&z沿图像的360度旋转角度。其概念是，如果该点(或向量)在相机的视图中，

浏览 2提问于2016-01-26得票数 2

1回答

CSS使用javascript放置元素，而不会动态地影响其他元素

javascript、css、scroll、position

我正在尝试创建一个图像地图工具作为我的项目的一部分我尝试将链接放置为div，并使用css进行定位。但是问题是，添加或删除新的热点会导致其他元素的重新定位..我找到了解决这个问题的方法，作为热点div ..But的position:fixed这使得即使用户向下滚动或up....So有办法找到向上或向下滚动的像素数，并

浏览 3提问于2012-05-05得票数 1

回答已采纳

1回答

什么是google地图请求？

google-maps、google-maps-api-3

我有一个google地图应用程序，我希望部署它，在编制预算时，我看到了这个页面，它概述了google地图的高级功能。我没有反向地理编码与服务器与谷歌。我的应用程序是一家快递公司的实时移动绘图仪。在我的应用程序中，什么是谷歌的请求，可以帮助我计算我<e

浏览 1提问于2016-06-10得票数 7

回答已采纳

2回答

Three.js:在全景图中用箭头键使旋转平滑

javascript、jquery、three.js、panoramas

我试图使用这个示例three.js创建一个交互式全景应用程序，但是在这个示例中，没有使用箭头键(左键和右箭头键)的旋转。为此，我添加了一个事件侦听器，为了使其平滑，我使用了一些变化的速度，直到最大限度，每次调用侦听器函数时，速度都会被更改。keyPressed === 39) if (keySpeed < keyMax)} 现在，旋转并不像我们在其他全景应用程

浏览 2提问于2015-06-29得票数 0

回答已采纳

2回答

在球体[AFrame] (摄像机旋转/摄像机位置)的摄像机前增加形状

math、three.js、perspectivecamera、aframe、webvr

我一直试图创建一个简单的应用程序，其中360图像显示在一个球体上。下一步是动态添加“热点”到这个图像，因为用户周围。我尝试过许多不同的方法(包括深入研究Three.JS)，但这似乎并不容易。对于开发人员来说，一个框架在使它变得非常简单并运行起来方面是非常棒的。我设法找到一个例子，在一个球体上有两个“热点”，当悬浮/聚焦时，球体背景发生变化。我期待创造一个新的‘热点’的相机方向，但这是证明

浏览 3提问于2016-11-03得票数 1

回答已采纳

1回答

全屏画布隐藏了div元素。

javascript、html、css、three.js

我目前正在从事一个360全景项目，使用panolens.js和three.js.Panolens有一个全屏模式，但问题是在进入全屏模式时，画布隐藏了我所有的div元素。我有一个文本元素，显示加载了哪个图像。我已经尝试过想出解决方案，比如在画布本身中创建文本，但这对我来说相当困难，因为画布使用WebGL上下文。我能得到一些帮助，或任何解决方案的建议吗？提前谢谢。是我的项目，包含了这个问题。

浏览 3提问于2021-04-08得票数 0

回答已采纳

2回答

如何在three.js上覆盖HTML文本/按钮？

javascript、jquery、html、css、three.js

好的，three.js在这里非常新，但我正在努力实现Google与之间的关系。和类似的问题，但不能理解正确的方法来做这件事。我不想在Three.js中生成我的UI元素--我只想使用HTML。到目前为止，我已经生成了我的Three.js画布，并将它添加</e

浏览 7提问于2017-11-15得票数 15

回答已采纳

2回答

为什么我的three.js画布周围有一条线？

javascript、html、three.js

我在我的网站上使用了代码的一个版本，我已经使背景透明，所以只有粒子显示在我的网页上。我注意到，在我的帆布周围有一条小边框，包裹着这些粒子。它似乎有大约1像素宽(我还不能发布图片，但链接到它。编辑：固定链接) alpha: true,renderer.setSize(ww, wh);我希望整个背景

浏览 0提问于2019-07-18得票数 2

1回答

如何在three.js中创建颜色选择器，并允许用户更改MAYA3D模型的特定多边形的颜色？

javascript、colors、three.js

我是three.js和webGL的新手。我想要一个关于如何在three.js中添加颜色选择器的示例代码。它必须选择/添加颜色，如银色，金色，红色，蓝色，紫色或任何颜色。从那里，可以通过从拾色器中选择颜色来更改Maya 3D模型的特定材质(模型的一部分)的颜色。我已经在Maya 2014中建立了3D复杂模型，并将其导出到webGL<em

浏览 2提问于2015-08-01得票数 0

1回答

如何将这些自定义单元格添加到TableView中？

ios、listview、xamarin、xamarin.forms

使用Xamarin.Forms，我如何实现这样的布局？我指的是灰色背景上的文本提示：打开个人热点分享..。我能添加到ListView或TableView中的只有标准的ViewCells，它们都是用分隔符和白色背景呈现的。如果使用TableView或ListView无法实现此布局，如何在标准StackLayout中呈现ViewCell (如示例图像<

浏览 3提问于2017-09-01得票数 0

1回答

渲染Three.js场景的反应-360？

react-native、react-360

我在three.js场景中添加了一个three.js。我还在ReactInstance中添加了这个场景。然而，这一幕似乎没有呈现出来？我试过了，但不起作用。只想知道场景会呈现在什么反应组件中？Cube.js：import * as THREE from 'three'; export default class Cube.scene =

浏览 2提问于2018-05-31得票数 1

1回答

在可滚动的div上拖放

jquery、css、treeview

我有两个div，左边和右边的div，左边的div包含一个树视图，右边的div包含一个网格。我可以将项目从网格拖到树形视图中，当我将鼠标悬停在节点上时，树形视图具有展开树形视图的代码。由于树形视图的大小，当我将一个项目拖到完全展开的树形视图中时，它不能让我一直拖到底部，问题是当我拖动滚动条时，不会滚动，所以当前我通常需要使用滚动条才能看到的任何项目-它不能让我在树形

浏览 3提问于2012-06-01得票数 0

6回答

谷歌地图是如何制作全景图的？

actionscript、texture-mapping、google-street-view、panoramas、3d-engine

谷歌地图如何在中实现全景图他们是像大多数一样在像素级别上做这件事，还是只是在电影片段中对位图应用一些棘手的转换？

浏览 10提问于2009-01-16得票数 4

回答已采纳

3回答

我如何动态创建组件与第三方库的角度？

javascript、angular、angular-changedetection

使用角10我希望有人能指引我。我有大部分的工作，如预期，但有几个部分不是。甚至HotspotComponent模板中的数据插值也按预期进行。但是，[ngStyle]绑

浏览 11提问于2021-12-17得票数 8

点击加载更多