topical media & game development

talk show tell print

mobile-query-three-plugins-buffergeometry-examples-manual-squareoptim.htm / htm



  <!doctype html><title>Minimal tQuery Page</title>
  <script src="../../../build/tquery-bundle.js"></script>
  <body><script>
          var world        = tQuery.createWorld().boilerplate().start();
          var object	= tQuery.createTorus().scaleBy(1/4).addTo(world);
          
          
          var triangles                = 1;
  
          var vertexIdxArray        = new Int16Array(3 * 2);
          var i        = 0;
          vertexIdxArray[i+0]        = 0;
          vertexIdxArray[i+1]        = 1;        
          vertexIdxArray[i+2]        = 2;
          i        += 3;
          vertexIdxArray[i+0]        = 2;
          vertexIdxArray[i+1]        = 1;
          vertexIdxArray[i+2]        = 3;
          i        += 3;
  
          var vertexPosArray        = new Float32Array(3 * 4);
          var i        = 0;
          vertexPosArray[i+0]        = -0.5;
          vertexPosArray[i+1]        = -0.5;
          vertexPosArray[i+2]        = 0;
          i        += 3;
          vertexPosArray[i+0]        = +0.5;
          vertexPosArray[i+1]        = -0.5;
          vertexPosArray[i+2]        = 0;
          i        += 3;
          vertexPosArray[i+0]        = -0.5;
          vertexPosArray[i+1]        = +0.5;
          vertexPosArray[i+2]        = 0;
          i        += 3;
          vertexPosArray[i+0]        = +0.4;
          vertexPosArray[i+1]        = +0.4;
          vertexPosArray[i+2]        = 0;
          i        += 3;
          
  
          var uvArray                = new Float32Array(2 * 4);
          var i        = 0;
          uvArray[i+0]        = 0;
          uvArray[i+1]        = 0;
          i        += 2;
          uvArray[i+0]        = 1;
          uvArray[i+1]        = 0;
          i        += 2;
          uvArray[i+0]        = 0;
          uvArray[i+1]        = 1;
          i        += 2;
          uvArray[i+0]        = 0.9;
          uvArray[i+1]        = 0.9;
          i        += 2;
  
          var attributes = {
                  index                : {
                          itemSize: 1,
                          array        : vertexIdxArray,
                          numItems: vertexIdxArray.length
                  },
                  position        : {
                          itemSize: 3,
                          array        : vertexPosArray,
                          numItems: vertexPosArray.length
                  },
                  uv        : {
                          itemSize: 2,
                          array        : uvArray,
                          numItems: uvArray.length
                  }
          };
  
          var geometry                = new THREE.BufferGeometry();
          geometry.attributes        = attributes;
          geometry.offsets        = [{
                  start        : 0,
                  count        : vertexIdxArray.length,
                  index        : 0
          }];
  
          geometry.computeBoundingBox();
          geometry.computeBoundingSphere();
          geometry.computeVertexNormals();
  
          var material        = new THREE.MeshBasicMaterial({
                  color        : 0xffffff,
                  map        : THREE.ImageUtils.loadTexture( "../../assets/images/ash_uvgrid01.jpg" )
          });
          //var material        = new THREE.MeshNormalMaterial();
  
          var tMesh        = new THREE.Mesh(geometry, material);
          tQuery(tMesh).addTo(world).scaleBy(1.8)
          
  </script></body>


(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.