o3djs.rendergraph.ViewInfo = function(pack,
                                        treeRoot,
                                        opt_parent,
                                        opt_clearColor,
                                        opt_priority,
                                        opt_viewport,
                                        opt_performanceDrawList,
                                        opt_zOrderedDrawList) {
    var clearColor = opt_clearColor || [0.5, 0.5, 0.5, 1.0];
  
    var viewPriority = opt_priority || 0;
    var priority = 0;
  
    // Create Viewport.
    var viewport = pack.createObject('Viewport');
    if (opt_viewport) {
      viewport.viewport = opt_viewport;
    }
    viewport.priority = viewPriority;
  
    // Create a clear buffer.
    var clearBuffer = pack.createObject('ClearBuffer');
    clearBuffer.clearColor = clearColor;
    clearBuffer.priority = priority++;
    clearBuffer.parent = viewport;
  
    // Create DrawLists
    var performanceDrawList;
    if (opt_performanceDrawList) {
      performanceDrawList = opt_performanceDrawList;
      this.ownPerformanceDrawList_ = false;
    } else {
      performanceDrawList = pack.createObject('DrawList');
      this.ownPerformanceDrawList_ = true;
    }
    var zOrderedDrawList;
    if (opt_zOrderedDrawList) {
      zOrderedDrawList = opt_zOrderedDrawList;
      this.ownZOrderedDrawList_ = false;
    } else {
      zOrderedDrawList = pack.createObject('DrawList');
      this.ownZOrderedDrawList_ = true;
    }
  
    // Create DrawContext.
    var drawContext = pack.createObject('DrawContext');
  
    // Creates a TreeTraversal and parents it to the root.
    var treeTraversal = pack.createObject('TreeTraversal');
    treeTraversal.priority = priority++;
    treeTraversal.parent = viewport;
  
    // Creates an empty stateSet to parent the performanceDrawPass to
    // just to make it easier to do certain effects.
    var performanceStateSet = pack.createObject('StateSet');
    var performanceState = pack.createObject('State');
    performanceStateSet.state = performanceState;
    performanceStateSet.priority = priority++;
    performanceStateSet.parent = viewport;
    performanceState.getStateParam('ColorWriteEnable').value = 7;
  
    // Creates a DrawPass for performance shapes.
    var performanceDrawPass = pack.createObject('DrawPass');
    performanceDrawPass.drawList = performanceDrawList;
    performanceDrawPass.parent = performanceStateSet;
  
    // Creates a StateSet so everything on the zOrderedDrawPass is assumed
    // to need alpha blending with the typical settings.
    var zOrderedStateSet = pack.createObject('StateSet');
    var zOrderedState = pack.createObject('State');
    zOrderedState.getStateParam('AlphaBlendEnable').value = true;
    zOrderedState.getStateParam('SourceBlendFunction').value =
        o3djs.base.o3d.State.BLENDFUNC_SOURCE_ALPHA;
    zOrderedState.getStateParam('DestinationBlendFunction').value =
        o3djs.base.o3d.State.BLENDFUNC_INVERSE_SOURCE_ALPHA;
    zOrderedState.getStateParam('AlphaTestEnable').value = true;
    zOrderedState.getStateParam('AlphaComparisonFunction').value =
        o3djs.base.o3d.State.CMP_GREATER;
    zOrderedState.getStateParam('ColorWriteEnable').value = 7;
  
    zOrderedStateSet.state = zOrderedState;
    zOrderedStateSet.priority = priority++;
    zOrderedStateSet.parent = viewport;
  
    // Creates a DrawPass for zOrdered shapes.
    var zOrderedDrawPass = pack.createObject('DrawPass');
    zOrderedDrawPass.drawList = zOrderedDrawList;
    zOrderedDrawPass.sortMethod = o3djs.base.o3d.DrawList.BY_Z_ORDER;
    zOrderedDrawPass.parent = zOrderedStateSet;
  
    // Register the passlists and drawcontext with the TreeTraversal
    treeTraversal.registerDrawList(performanceDrawList, drawContext, true);
    treeTraversal.registerDrawList(zOrderedDrawList, drawContext, true);
    treeTraversal.transform = treeRoot;