Table of Contents Previous Chapter Viewpoint Slideshow    Chapter Viewpoint Slideshow Next Chapter Viewpoint Slideshow X3D Resources

X3D Example Archives: VRML 2 Sourcebook, Chapter 19 - Normals Shading

[1] Figure19.21NormalSquare.x3d - Normal square, solid=false means visible on both sides
Chapter Viewpoint Slideshow

When shaded, the faces on a shape are obvious. Creating a smooth shape may require a large number of small faces. An alternative is to instead use smooth shading to create the illusion of a smooth shape, but with a smaller number of faces.

The Normal node lists normal vectors to use for parts of a shape which can change shading. These are used as the value of the normal field, and normal index values select which normals to use (similar to color index values). Ordinarily the creaseAngle field controls faceted or smooth shading. Normals override the normal effect of the creaseAngle value. The normalPerVertex field selects normal per face/grid square or normal per coordinate. The NormalInterpolator node converts time values to normal values for animation effects.

These X3D scenes are adapted directly from the original VRML 2.0 Sourcebook chapter examples. Also available: Introduction to VRML97 SIGGRAPH98 course notes.

Figure 19.22 Normal Square Shaded

Figure 19.26 Normal Shaded Elevation Grid

9 X3D Scenes      19 Viewpoint Snapshots

Figure 19.21 Normal Square    
  [1] Figure19.21NormalSquare.x3d - Normal square, solid=false means visible on both sides

  [2] Figure19.21NormalSquare.x3d - (default X3D view from 0 0 10)


Figure 19.22 Normal Square Shaded    
  [3] Figure19.22NormalSquareShaded.x3d - Square with artificial normals, thus shaded. Careful, solid=true means visible only on one side!

  [4] Figure19.22NormalSquareShaded.x3d - (default X3D view from 0 0 10)


Figure 19.23 Half Column    
  [5] Figure19.23HalfColumn.x3d - Half column. Careful, only one side!

  [6] Figure19.23HalfColumn.x3d - (default X3D view from 0 0 10)


Figure 19.24a Half Column Crease Angle    
  [7] Figure19.24aHalfColumnCreaseAngle.x3d - Half column. Careful, only one side!

  [8] Figure19.24aHalfColumnCreaseAngle.x3d - (default X3D view from 0 0 10)


Figure 19.24b Two Half Columns Crease Angle Seam    
  [9] Figure19.24bTwoHalfColumnsCreaseAngleSeam.x3d - Two half columns - note visible seams where each side meets

  [10] Figure19.24bTwoHalfColumnsCreaseAngleSeam.x3d - (default X3D view)


Figure 19.25a Half Column Normals    
  [11] Figure19.25aHalfColumnNormals.x3d - Half column. Careful, only one side! Normals are applied to vertical edges, but seam improvement not visible until halves put together

  [12] Figure19.25aHalfColumnNormals.x3d - (default X3D view from 0 0 10)


Figure 19.25b Two Half Columns Normals Seamless    
  [13] Figure19.25bTwoHalfColumnsNormalsSeamless.x3d - Two half columns - no more visible seams where each side meets

  [14] Figure19.25bTwoHalfColumnsNormalsSeamless.x3d - (default X3D view)


Figure 19.26 Normal Shaded Elevation Grid    
  [15] Figure19.26NormalShadedElevationGrid.x3d - Shaded (but flat) ElevationGrid

  [16] Figure19.26NormalShadedElevationGrid.x3d - (default X3D view)


Figure 19.27 Square Face Animating Normals    
  [17] Figure19.27SquareFaceAnimatingNormals.x3d - Animating normals on right vertices of a quadrilateral

  [18] Figure19.27SquareFaceAnimatingNormals.x3d - Other side - note difference in animated shading

  [19] Figure19.27SquareFaceAnimatingNormals.x3d - (default X3D view)

 

This viewpoint slideshow is online at
http://www.web3d.org/x3d/content/examples/Vrml2Sourcebook/Chapter19-NormalsShading/viewpointSlideshow.html

Validate XHTML 1.1

Viewpoint image version history at
http://sourceforge.net/p/x3d/code/HEAD/tree/www.web3d.org/x3d/content/examples/Vrml2Sourcebook/Chapter19-NormalsShading/_viewpoints

Table of Contents Previous Chapter Viewpoint Slideshow    Chapter Viewpoint Slideshow Next Chapter Viewpoint Slideshow X3D Resources