文章/答案/技术大牛

发布

社区首页 >问答首页 >使用three.js和CSG设置位置

问使用three.js和CSG设置位置
EN

Stack Overflow用户

提问于 2012-08-03 04:07:48

回答 1查看 2.3K关注 0票数 1

当我使用它作为一个立方体和一个球体的代码时，这个立方体的一部分被切掉了：

    <!DOCTYPE html>

<html>

<head>

<script type="text/javascript" src="csg.js"></script>
<script type="text/javascript" src="http://chandler.prallfamily.com/threebuilds/builds/r46/ThreeMin.js"></script>
<script type="text/javascript" src="ThreeCSG.js"></script>

<script type="text/javascript">

window.onload = function() {

var projector = new THREE.Projector( );
var renderer = new THREE.WebGLRenderer({antialias: false});
renderer.setSize(800, 640);

document.getElementById('viewport').appendChild(renderer.domElement);

var scene = new THREE.Scene();

var camera = new THREE.PerspectiveCamera(
    35,
    800 / 640,
    1,
    10000
);
camera.position.set(5, 1.8, 5);
camera.lookAt(scene.position);

var cube = THREE.CSG.toCSG(
    new THREE.CubeGeometry( 2, 2, 2 ),
    new THREE.Vector3(-1, 0, 0)
);
var sphere = THREE.CSG.toCSG(new THREE.SphereGeometry(1.4, 16, 16));
var geometry = cube.subtract(sphere);
var mesh = new THREE.Mesh(
    THREE.CSG.fromCSG( geometry ),
    new THREE.MeshNormalMaterial()
);
scene.add( mesh );

renderer.render(scene, camera);

}

</script>

</head>

<body>

<div id="viewport"></div>

</body>

</html>

现在如何设置立方体的位置？我是否需要像cube.CSG.position.set这样的东西，或者CSG库中有什么特殊的方法可以使用？

谢谢!

javascript

three.js

csg

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-08-03 04:14:58

设置渲染器后需要调用函数，如下所示：

animate();

它的定义如下：

function animate()
{
    requestAnimationFrame(animate);
    cube.position.x = your_value;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11784967

复制

相似问题

问使用three.js和CSG设置位置
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用three.js和CSG设置位置EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用three.js和CSG设置位置
EN