Question

我正在尝试使用three.js创建一个类似光球的应用程序，但是我不确定需要哪种正确的方法或术语来正确地将对象放置在场景中并使它们具有交互性。

当前，我有一个球体，并且已经将相机设置在球体的中心。我的代码当前没有平移方法，但我的问题是关于如何在此球体内部添加固定的弹出对象，以便一旦实现平移，就可以平移一个固定的弹出窗口并与其交互。

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 30, window.innerWidth/window.innerHeight, 0.1, 1000 );

var renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );

var geometry = new THREE.SphereGeometry( 20, 20, 20);
var material = new THREE.MeshNormalMaterial();
var sphere = new THREE.Mesh( geometry, material );
scene.add( sphere );

// camera.position.z = 100;
sphere.scale.x = -1;

var render = function () {
  requestAnimationFrame( render );
  renderer.render(scene, camera);
};

render();

作为three.js的新手，有人可以解释一下我要研究的内容，以便将固定元素添加到我的球体内部吗？

在three.js中的Photosphere中的可点击弹出窗口

0 个答案: