Fatal编程技术网

Javascript 如何合并顶点

javascript merge three.js

Javascript 如何合并顶点,javascript,merge,three.js,Javascript,Merge,Three.js,我对Three.js基本上是新手，我觉得Three.js很有趣，因为我可以在不使用Flash或任何东西的情况下制作3D动画 但我的问题是，我不知道如何将两个简单的三角形合并为一个 这是我的代码： <body> <script src="js/three.min.js"></script> <script type=text/javascript> var camera, scene, renderer; var geometry, geom

我对Three.js基本上是新手，我觉得Three.js很有趣，因为我可以在不使用Flash或任何东西的情况下制作3D动画

但我的问题是，我不知道如何将两个简单的三角形合并为一个

这是我的代码：

<body>

<script src="js/three.min.js"></script>
<script type=text/javascript>

 var camera, scene, renderer;
 var geometry, geometry1, material, mesh;
 var FrontSide, Backside;
  init();
  animate();

function init() {
camera = new THREE.PerspectiveCamera(100, window.innerWidth / window.innerHeight, 10, 10000);   
    camera.position.z = 1000;
scene = new THREE.Scene();

geometry = new THREE.Geometry();
geometry.vertices.push( new THREE.Vertex ( new THREE.Vector3( -100,  100, 100 ) ) );
geometry.vertices.push( new THREE.Vertex ( new THREE.Vector3( -100, -100, 100 ) ) );
geometry.vertices.push( new THREE.Vertex ( new THREE.Vector3(  100, 100, 100 ) ) );

geometry.faces.push( new THREE.Face3( 0, 1, 2 ) );

geometry1 = new THREE.Geometry();
geometry1.vertices.push( new THREE.Vertex ( new THREE.Vector3( -100,  100, 100 ) ) );
geometry1.vertices.push( new THREE.Vertex ( new THREE.Vector3( -100, -100, 100 ) ) );
geometry1.vertices.push( new THREE.Vertex ( new THREE.Vector3(  100, 100, 100 ) ) );

geometry1.faces.push( new THREE.Face3( 0, 1, 2 ) );

material = new THREE.MeshBasicMaterial({
color: 0x00ff00,
wireFrame: true,
wireFrameLinewidth: 3
});

mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);

renderer = new THREE.CanvasRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
renderer.setClearColor(0xffffff, 1);

document.body.appendChild(renderer.domElement);


    }

function animate() {

        requestAnimationFrame(animate);
        //mesh.rotation.x += 0.01; 
        //mesh.rotation.y -= 0.04;

        renderer.render(scene, camera);

    }
</script>
您的代码与已有2年历史的three.js库版本兼容。更新到当前版本。学习当前的three.js示例，而不是网络上的旧示例或过时的书籍。使用geometry.merge geometry 1；你能告诉我那些书在哪里吗？所以我可以从中学到一些东西。看，而且，尽管现在有点过时。