我正在尝试使用 Threejs 使用 360 度全景图像创建虚拟游览,使用以下示例和我自己的全景图像:
http://web.mit.edu/hawksley/Public/IntroToWebVR/demo/
一切都渲染得很好,但我想让它更具交互性,即创建热点。
比如说,在上面的示例中,如果我添加一个热点图标,当我单击它时,它将转到另一个 360 全景图像。
关于如何做到这一点有任何想法或帮助吗?任何指导将不胜感激。非常感谢
我有这个函数,根据插入到input元素中的值向dom添加元素,如果我在输入中插入新值,则删除前面的元素并插入新元素.
我想要的是保留旧元素并添加新元素
HTML:
<input type="text" placeholder="insert the number of div" class="number">
<button>submit</button>
<br>
<div id="wrapper"></div>
Run Code Online (Sandbox Code Playgroud)
jQuery的:
$('button').click(function(){
var boxes = '';
var i;
var inputValue = $('.number').val();
for(i=0; i < inputValue; i++){
boxes += "<div class='box'></div>";
}
$('#wrapper').html(boxes);
});
Run Code Online (Sandbox Code Playgroud)