我正在尝试用three.js构建以下线框球体。重要的是,我可以将它们导出为带有单行(垂直和水平)的结构化SVG文件,这样我就可以用我的Axidraw绘图机绘制它们。 ? 我已经使用下面的设置获得了一个带有纯白表面的线框球体: let geometry = new THREE.SphereGeometry(1, 32, 16);
let material = new THREE.MeshBasicMaterial({ color: 0xd3d3d3 });
let mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);
使用网格功能绘制球体。
function DRAW_SP(x,y,z)
{
var geometry = new THREE.SphereGeometry( .02, 100,100 );
var material = new THREE.MeshBasicMaterial( {color: 0xff0000} );
var sphere = new THREE.Mesh( geometry, material );
sphere.position.set(x,y,z );
scene.add( sphere );
}
它工作的很好,但是如何使用Sphe
我试图用three.js在球体上画一个点(尺寸是可见的)。这一点是在从摄像机开始的直线和球体之间的交点处。
我受到的启发。
你可以在上得到我的结果
如您所见,我隐藏了drawPointIntersection()函数,它是在render()函数之后调用的。这是在这个函数中,我做指示来画这一点。
下面是代码的这一部分:
function drawPointIntersection() {
// Direction of camera
var direction = new THREE.Vector3(0, 0, -1);
var startPoint = camera.positi
我是three.js初学者。我试图使用从JavaScript get请求返回的位置坐标向场景添加一个球体。
在正确呈现get请求之前创建的球体,但是在回调函数中创建并添加到场景中的球体没有呈现--尽管如果我调试和检查场景,这两个球体都是作为其子域存在的。
我的代码:
var sphere = new THREE.Mesh(
new THREE.SphereGeometry(radius),
sphereMaterial);
sphere.position.set(-20,-20,-20);
scene.add(sphere); // this sphere shows
sphere2