function setupO3D(o3dElement) {
    // Initializes global variables and libraries.
    g.o3dElement = o3dElement;
    g.o3d = o3dElement.o3d;
    g.math = o3djs.math;
    g.client = o3dElement.client;
    g.mgr = new O3DManager();
  
    // The browser needs to be able to see these globals so that it can
    // call unload later.
    window.g.client = g.client;
  
    // Get the width and height of our client area.
    g.o3dWidth = g.client.width;
    g.o3dHeight = g.client.height;
  
    // Creates a pack to manage our resources/assets
    g.pack = g.client.createPack();
  
    // Create the render graph for a view.
    g.viewInfo = o3djs.rendergraph.createBasicView(
        g.pack,
        g.client.root,
        g.client.renderGraphRoot);
  
    // Create an object to hold global params.
    g.globalParamObject = g.pack.createObject('ParamObject');
    g.lightWorldPosParam = g.globalParamObject.createParam('lightWorldPos',
                                                           'ParamFloat3');
    g.lightColorParam = g.globalParamObject.createParam('lightColor',
                                                        'ParamFloat4');
    g.lightWorldPosParam.value = [200, -1500, -1000];
    g.lightColorParam.value = [1, 1, 1.0, 1.0];
  
    // Create Materials.
    g.materials = [];
    var material = g.pack.createObject('Material');
    var effect = g.pack.createObject('Effect');
    effect.loadFromFXString(document.getElementById('shader').value);
    material.effect = effect;
    effect.createUniformParameters(material);
    material.getParam('lightWorldPos').bind(g.lightWorldPosParam);
    material.getParam('lightColor').bind(g.lightColorParam);
    material.getParam('emissive').set(0, 0, 0, 1);
    material.getParam('ambient').set(0, 0, 0, 1);
    material.getParam('specular').set(1, 1, 1, 1);
    material.getParam('shininess').value = 20;
    material.drawList = g.viewInfo.performanceDrawList;
    g.materials[0] = material;
  
    // Create a kind of checkboardish texture.
    var pixels = [];
    for (var y = 0; y < 32; ++y) {
      for (var x = 0; x < 32; ++x) {
        var offset = (y * 32 + x) * 3;  // rgb
        var u = x / 32 * Math.PI * 0.5;
        var v = y / 32 * Math.PI * 0.5;
        pixels[offset + 0] = 1;//Math.sin(Math.PI * 32 / x) * 0.2 + 0.8;  // red
        pixels[offset + 1] = Math.floor(x / 8) % 2 * 0.2 + 0.8;  // green
        pixels[offset + 2] = Math.floor(y / 8) % 2 * 0.5 + 0.5;  // blue
      }
    }
    var texture = g.pack.createTexture2D(32, 32, g.o3d.Texture.XRGB8, 1, false);
    texture.set(0, pixels);
    var samplerParam = material.getParam('diffuseSampler');
    var sampler = g.pack.createObject('Sampler');
    samplerParam.value = sampler;
    sampler.texture = texture;
  
    // Creates a transform to put our data on.
    g.root = g.pack.createObject('Transform');
    g.root.parent = g.client.root;
  
    // make a cube for drawing lines
    g.lineShape = o3djs.primitives.createRainbowCube(
        g.pack,
        g.materials[0],
        1,
        g.math.matrix4.translation([0, 0.5, 0]));
  
    // Set the projection matrix
    g.viewInfo.drawContext.projection = g.math.matrix4.perspective(
        g.math.degToRad(45),
        g.o3dWidth / g.o3dHeight,
        0.1,
        10000);
  
    // Set the view matrix.
    g.viewInfo.drawContext.view = g.math.matrix4.lookAt(
        [100, -50, -600],
        [250, 80, 0],
        [0, -1, 0]);
  
    // Make copies of the view and projection matrix to get fast access to them.
    g.projectionMatrix = g.math.copy(g.viewInfo.drawContext.projection);
    g.viewMatrix = g.math.copy(g.viewInfo.drawContext.view);
  
    // Make a bounding box to use for picking.
    g.worldBox = g.o3d.BoundingBox([0, -100, 0],
                                   [500, 250, 5]);
  
    // Steps the physics with a time of zero. This is left over from the orignial
    // code.
    step(0);
  
    g.client.setRenderCallback(o3dOnRender);
  }