Untitled


<!DOCTYPE html>
<html lang="en">
  <head>
    <title>three.js webgl - geometry - cube</title>
    <meta charset="utf-8">
      <style>
        body {
          margin: 0px;
          background-color: #000000;
          overflow: hidden;
        }
      </style>
    </head>
    <body>

      <script src="libs/three.min.js"></script>

      <script>

      var camera, scene, renderer;
      var mesh;

      var add = false;

      init();
      animate();

      function init() {

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

        //

        camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 1000 );
        camera.position.z = 400;
        camera.position.x = 300;
        camera.position.y = -300;
        camera.up = new THREE.Vector3(0, 0, 1);

        scene = new THREE.Scene();

        var ambientLight = new THREE.AmbientLight(0xffffff, 1);
        scene.add(ambientLight);

        var geometry = new THREE.BoxGeometry( 200, 200, 200 );

        var material = new THREE.MeshLambertMaterial( {
            color: 0xf7505a,
            wireframe: true
            //map: THREE.ImageUtils.loadTexture('/' + terrainTileInfo.path + '.png')
        });

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

        camera.lookAt(mesh.position);
        //

        mesh.updateMatrix();
        mesh.geometry.merge(new THREE.BoxGeometry(100, 100, 100));
        mesh.geometry.dynamic = true;

        window.addEventListener( 'resize', onWindowResize, false );
        window.addEventListener( 'click', onClick, false);

      }

      function onClick() {

        tempMesh = new THREE.Mesh();
        tempMesh.geometry = new THREE.SphereGeometry(100, 10, 10);
        tempMesh.position = new THREE.Vector3(10, 10, 10);
        console.log(tempMesh);

        mesh.updateMatrix();
        mesh.geometry.merge(tempMesh.geometry);
        mesh.geometry.verticesNeedUpdate = true;
        mesh.geometry.elementsNeedUpdate = true;
      }

      function onWindowResize() {

        camera.aspect = window.innerWidth / window.innerHeight;
        camera.updateProjectionMatrix();

        renderer.setSize( window.innerWidth, window.innerHeight );

      }

      function animate() {

        requestAnimationFrame( animate );
        renderer.render( scene, camera );

      }

    </script>

  </body>
</html>