function initStep2(clientElements) {
    // Initializes global variables and libraries.
    var o3d = clientElements[0];
    g_o3d = o3d.o3d;
    g_math = o3djs.math;
    g_client = o3d.client;
  
    // Creates a pack to manage our resources/assets
    g_pack = g_client.createPack();
  
    // Create the texture required for the color render-target.
    var texture = g_pack.createTexture2D(RENDER_TARGET_WIDTH,
                                         RENDER_TARGET_HEIGHT,
                                         g_o3d.Texture.XRGB8, 1, true);
  
    g_teapotRoot = g_pack.createObject('Transform');
  
    var renderGraphRoot = g_client.renderGraphRoot;
  
    var renderSurfaceSet = createRenderSurfaceSet(texture);
  
    // Create the render graph for the teapot view, drawing the teapot into
    // texture (via renderSurfaceSet).
    var teapotViewInfo = o3djs.rendergraph.createBasicView(
        g_pack,
        g_teapotRoot,
        renderSurfaceSet,
        [1, 1, 1, 1]);
  
    var renderNode = createSobelPass(texture, g_client.renderGraphRoot);
  
    // Load the scene into the transform graph as a child g_teapotRoot
    loadScene(g_pack, 'assets/teapot.tgz', g_teapotRoot, teapotViewInfo);
  
    // Set a render callback.
    g_client.setRenderCallback(onRender);
  }
  
  function createSobelMaterial(viewInfo, kernelSize) {
    var convFXString = document.getElementById('convFX').value;
    var convEffect = g_pack.createObject('Effect');
    convEffect.loadFromFXString(convFXString);
  
    var convMaterial = g_pack.createObject('Material');
    convMaterial.drawList = viewInfo.performanceDrawList;
    convMaterial.effect = convEffect;
    convEffect.createUniformParameters(convMaterial);
    return convMaterial;
  }
  
  function createRenderSurfaceSet(texture) {
    var renderSurface = texture.getRenderSurface(0, g_pack);
  
    // Create the depth-stencil buffer required when rendering this pass.
    var depthSurface = g_pack.createDepthStencilSurface(RENDER_TARGET_WIDTH,
                                                        RENDER_TARGET_HEIGHT);
  
    var renderSurfaceSet = g_pack.createObject('RenderSurfaceSet');
    renderSurfaceSet.renderSurface = renderSurface;
    renderSurfaceSet.renderDepthStencilSurface = depthSurface;
    renderSurfaceSet.parent = g_client.renderGraphRoot;
    return renderSurfaceSet;
  }
  
  function createSobelPass(srcTexture, renderGraphRoot) {
    // Create a root Transform for the image processing scene.
    var root = g_pack.createObject('Transform');
  
    // Create a basic view for the image processing scene.
    var viewInfo = o3djs.rendergraph.createBasicView(
        g_pack,
        root,
        renderGraphRoot,
        [1, 1, 1, 1]);
  
    var material = createSobelMaterial(viewInfo);
    var quadShape = o3djs.primitives.createPlane(g_pack,
                                                 material,
                                                 2.0,
                                                 2.0,
                                                 1,
                                                 1);
  
    // Attach the quad to the image processing scene.
    root.addShape(quadShape);
  
    // Rotate the view so we're looking at the XZ plane (where our quad is)
    // Point the camera along the -Y axis
    var target = [0, -1, 0];
    // Put the camera at the origin.
    var eye = [0, 0, 0];
    // Define the up-vector as +Z
    var up = [0, 0, 1];
    viewInfo.drawContext.view =  g_math.matrix4.lookAt(eye, target, up);
  
    // Create an orthographic projection.
    viewInfo.drawContext.projection = g_math.matrix4.orthographic(
      -1, 1, -1, 1, -1, 1);
  
    // Generate draw elements and setup material draw lists for the
    // image processing scene.
    o3djs.pack.preparePack(g_pack, viewInfo);
  
    setSobelParameters(material, srcTexture);
    return renderGraphRoot;
  }
  
  function setSobelParameters(material, texture) {
    var imageParam = material.getParam('image');
    var imageIncrement = material.getParam('imageIncrement');
    var sampler = g_pack.createObject('Sampler');
    sampler.texture = texture;
    sampler.addressModeU = g_o3d.Sampler.CLAMP;
    sampler.addressModeV = g_o3d.Sampler.CLAMP;
    sampler.minFilter = g_o3d.Sampler.POINT;
    sampler.magFilter = g_o3d.Sampler.POINT;
    sampler.mipFilter = g_o3d.Sampler.NONE;
    imageParam.value = sampler;
    imageIncrement.value = [1.0 / texture.width, 1.0 / texture.height];
    var paramArray = g_pack.createObject('ParamArray');
  }