SphericalHarmonics Issue

<!doctype html>
<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>Twitter Garden</title>
  <meta name="description" content="">
  <meta name="author" content="">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">

  <link rel="stylesheet" href="css/style.css?v=2">
  <script src="js/libs/modernizr-1.7.min.js"></script>

</head>

<body>

  <div id="container">

  </div> <!-- eo #container -->


  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
  <script>window.jQuery || document.write("<script src='js/libs/jquery-1.5.1.min.js'>\x3C/script>")</script>


  <!-- scripts concatenated and minified via ant build script-->
  <script src="js/plugins.js"></script>
  <script src="js/script.js"></script>
  <script type="text/javascript" src="js/mylibs/toxiclibs.js"></script>
  <script type="text/javascript" src="js/mylibs/Three.js"></script>
  <script type="text/javascript" src="js/mylibs/RequestAnimationFrame.js"></script>
  <script type="text/javascript" src="js/mylibs/Detector.js"></script>
  <script type="text/javascript" src="js/mylibs/Stats.js"></script>
  <!-- end scripts-->


  <!--[if lt IE 7 ]>
    <script src="js/libs/dd_belatedpng.js"></script>
    <script>DD_belatedPNG.fix("img, .png_bg");</script>
  <![endif]-->


  <script>
    var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"]]; // Change UA-XXXXX-X to be your site's ID
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
    g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
    s.parentNode.insertBefore(g,s)}(document,"script"));
  </script>

  <script type="text/javascript">
  $(function(){
         $.getJSON('http://search.twitter.com/search.json?q=happiness&callback=?', function(data) {

          console.log(data);
          $.each(data, function(key, val) {
            //items.push('<li id="' + key + '">' + val + '</li>');
          });

        });

     });

     if ( ! Detector.webgl ) {

                Detector.addGetWebGLMessage();
                document.getElementById( 'container' ).innerHTML = "";

      }

    var container, stats;
    var camera, scene, renderer;
    var mesh,SurfaceMeshBuilder,geo,mesh3JS,material;


    init();
    animate();


    function init() {
                container = document.getElementById( 'container' );

                camera = new THREE.FirstPersonCamera( {

                    fov: 60, aspect: window.innerWidth / window.innerHeight, near: 1, far: 20000,
                    movementSpeed: 500, lookSpeed: 0.1, noFly: false, lookVertical: true

                } );

                camera.target.position.z = - 100;

                scene = new THREE.Scene();
                scene.fog = new THREE.FogExp2( 0xaaccff, 0.0007 );

                //var light = new THREE.PointLight( 0xffffff, 2 );
                //light.position.y = 500;
                //scene.addLight( light );

                camera.position.y = 200;
                camera.target.position.y = camera.position.y;


                //var texture = THREE.ImageUtils.loadTexture( "textures/water.jpg" );
                //texture.wrapS = texture.wrapT = THREE.RepeatWrapping;
                //texture.repeat.set( 5, 5 );
                //material = new THREE.MeshBasicMaterial( { color:0x0044ff, opacity:1, map: texture } );
                material = new THREE.MeshNormalMaterial();
                var m = new Array(0.0,3.0,6.0,0.0,1.0,5.0,5.0,5.0);
                //var m = new Array(2.0,1.0,6.0,1.0,2.0,7.0,0.0,7.0);
                SurfaceMeshBuilder = new toxi.SurfaceMeshBuilder(new toxi.SphericalHarmonics(m));
                mesh = SurfaceMeshBuilder.createMesh(null,80, 60);

                geo = new THREE.Geometry();
                geo.vertices = mesh.vertices;
                geo.faces = mesh.faces;
                //geo.vertices = mesh.getMeshAsVertexArray();
                //geo.faces = mesh.getFacesAsArray();


                //Having trouble with converting the mesh to threeJS geometry
                geo.boundingBox = mesh.getBoundingBox();
                geo.colors = '0x045415';

                mesh3JS = new THREE.Mesh( geo, material );
                //mesh3JS.dynamic = true;
                //mesh3JS.rotation.x = - 90 * Math.PI / 180;
                //scene.addObject( mesh3JS );

                renderer = new THREE.WebGLRenderer( { clearColor:0xaaccff, clearAlpha: 1 } );
                renderer.setSize( window.innerWidth, window.innerHeight );

                container.innerHTML = "";

                container.appendChild( renderer.domElement );

                stats = new Stats();
                stats.domElement.style.position = 'absolute';
                stats.domElement.style.top = '0px';
                container.appendChild( stats.domElement );

            }


            //

            function animate() {

                requestAnimationFrame( animate );

                render();
                stats.update();

            }

            function render() {

                var time = new Date().getTime() * 0.01;


                renderer.render(scene, camera);

            }


  </script>
</body>
</html>