Home

Summary.

Lighting and shading models: Lambert x Phong.

Here, we add a function to take a model created by three.js and extract the data for vertices and normals,
so we can load it directly to the GPU. Edit mainEntrance to select a model and makeCube to set face or vertex normals.

Summary.

Utah teapot.

In the early years of 3D modeling and rendering, Martin Newel created a computer-generated three dimensional teapot. The original "Utah teapot" was actually taller than the famed teapot we see in so many places today. Legend has it that during a demo, using a system with non-square pixels, Jim Blinn scaled the teapot rather than scaling the image. As this dataset became more widely distributed than the original, his edit changed the aspect of teapots in 3D software for years to come.

Summary.

The functions in this file create models in an IFS (Indexed Face Set) format that can be drawn using gl.drawElements with primitive type gl.TRIANGLES.

Objects have vertex coordinates, normal vectors, and texture coordinates for each vertex, plus a list of indices for the element array buffer.

The return value of each function is an object, model, with properties:

• model.vertexPositions -- the vertex coordinates;
• model.vertexNormals -- the normal vectors;
• model.vertexTextureCoords -- the texture coordinates;
• model.indices -- the face indices.

The first three properties are of type Float32Array, while model.indices is of type Uint16Array.

This file also defines a variable (not a function) teapotModel, which is a model of the OpenGL teapot in the same format.

• cone
• cube
• cylinder
• ring
• sphere
• teapot
• torus

Summary.

The SimpleRotator class implements an ArcBall like interface.

Created by Ken Shoemake in 1992, it is the de facto standard for interactive 3D model manipulation and visualization.

The class defines the following methods for an object of type SimpleRotator:

• SimpleRotator#setView(viewDirectionVector, viewUpVector, viewDistance)
  set up the view, where the parameters are optional and are used in the same way as the corresponding parameters in the constructor;
• SimpleRotator#setViewDistance(viewDistance)
  sets the distance of the viewer from the origin without changing the direction of view;
• SimpleRotator#getViewDistance()
  returns the viewDistance;
• SimpleRotator#setViewMatrix(matrix)
  Sets the view matrix.
• SimpleRotator#getViewMatrix()
  returns a Float32Array representing the viewing transformation matrix for the current view, suitable for using with gl.uniformMatrix4fv
  or for further transformation with the glmatrix library mat4 class;
• SimpleRotator#getViewMatrixArray()
  returns the view transformation matrix as a regular JavaScript array, but still represents as a 1D array of 16 elements, in column-major order.

Summary.

This is a class for handling 4x4 matrices.

It contains functions to create geometric transformations equivalent to OpenGL's:

• glLoadIdentity
• glRotate
• glScale
• glTranslate
• gluLookAt
• gluPerspective
• glOrtho
• glFrustum

This matrix is then right multiplied by one of those transformations.

Summary.

This is a class for creating shaders.