Table of Contents Previous Chapter Viewpoint Slideshow    Chapter Viewpoint Slideshow Javadoc for translated java source Next Chapter Viewpoint Slideshow X3D Resources

X3D Example Archives: X3D for Web Authors, Chapter 07 Event Animation Interpolation

[1] CircleFishPositionInterpolator.x3d - Book View
Chapter Viewpoint Slideshow

Dolphin Wireframe: Coordinate Interpolator Morphing

Event values can be generated through TimeSensor, ROUTE and interpolator chains to create animation effects in a scene graph.

Event animation and interpolation is accomplished by ROUTE connections that pass events between nodes. Strong typing requirements ensure that only valid values are allowed to modify the scene graph.

The TimeSensor node produces output stimulus events that track the passage of time intervals using the computer clock.

Strictly typed interpolation values are produced by ScalarInterpolator, ColorInterpolator, PositionInterpolator, PositionInterpolator2D, OrientationInterpolator, NormalInterpolator, CoordinateInterpolator, and CoordinateInterpolator2D nodes.

The supporting Chapter 7 slideset and course videos (NPS, YouTube) for X3D for Web Authors are available online via X3dGraphics.com.

25 X3D Scenes                 45 Viewpoint Snapshots

CircleFishPositionInterpolator
Circle Fish Position Interpolator.x3d    
[1] CircleFishPositionInterpolator.x3d - Book View
[2] CircleFishPositionInterpolator.x3d - (default X3D view from 0 0 10)

CircleFishPrototype
Circle Fish Prototype.x3d    
[3] CircleFishPrototype.x3d - (default X3D view from 0 0 10)

CircleFishPTPrototype
Circle Fish PTPrototype.x3d    
[4] CircleFishPTPrototype.x3d - (default X3D view from 0 0 10)

ColorInterpolatorExample
Color Interpolator Example.x3d    
[5] ColorInterpolatorExample.x3d - (default X3D view from 0 0 10)

ColorInterpolatorFishPrototype
Color Interpolator Fish Prototype.x3d    
[6] ColorInterpolatorFishPrototype.x3d - CircleFish with ColorInterpolator
[7] ColorInterpolatorFishPrototype.x3d - (default X3D view from 0 0 10)

CoordinateInterpolator2dExample
Coordinate Interpolator 2D Example.x3d    
[8] CoordinateInterpolator2dExample.x3d - Click to activate animation
[9] CoordinateInterpolator2dExample.x3d - (default X3D view from 0 0 10)

DolphinMorpher
Dolphin Morpher.x3d    
[10] DolphinMorpher.x3d - Dolphin morpher, 2m away
[11] DolphinMorpher.x3d - (default X3D view from 0 0 10)

DolphinPose01
Dolphin Pose 01.x3d    
[12] DolphinPose01.x3d - Dolphin at 2m
[13] DolphinPose01.x3d - (default X3D view from 0 0 10)

DolphinPose02
Dolphin Pose 02.x3d    
[14] DolphinPose02.x3d - Dolphin at 2m
[15] DolphinPose02.x3d - (default X3D view from 0 0 10)

DolphinPose03
Dolphin Pose 03.x3d    
[16] DolphinPose03.x3d - Dolphin at 2m
[17] DolphinPose03.x3d - (default X3D view from 0 0 10)

DolphinSwitcher
Dolphin Switcher.x3d    
[18] DolphinSwitcher.x3d - Dolphin switcher, 2m away
[19] DolphinSwitcher.x3d - (default X3D view from 0 0 10)

Garibaldi
Garibaldi.x3d    
[20] Garibaldi.x3d - Garibaldi
[21] Garibaldi.x3d - (default X3D view from 0 0 10)

HelloX3dAuthorsAnimationChain
Hello X3D Authors Animation Chain.x3d    
[22] HelloX3dAuthorsAnimationChain.x3d - Hello, world
[23] HelloX3dAuthorsAnimationChain.x3d - (default X3D view from 0 0 10)

MotionInterpolatorFishPrototype
Motion Interpolator Fish Prototype.x3d    
[24] MotionInterpolatorFishPrototype.x3d - (default X3D view from 0 0 10)

NormalInterpolator
Normal Interpolator.x3d    
[25] NormalInterpolator.x3d - Animating normals on right vertices of a quadrilateral
[26] NormalInterpolator.x3d - Other side - note difference in animated shading
[27] NormalInterpolator.x3d - (default X3D view from 0 0 10)

OrientationInterpolatorFishExample
Orientation Interpolator Fish Example.x3d    
[28] OrientationInterpolatorFishExample.x3d - Book View
[29] OrientationInterpolatorFishExample.x3d - (default X3D view)

OrientationInterpolatorFishPrototype
Orientation Interpolator Fish Prototype.x3d    
[30] OrientationInterpolatorFishPrototype.x3d - (default X3D view)

PositionInterpolator2dExample
Position Interpolator 2D Example.x3d    
[31] PositionInterpolator2dExample.x3d - Click to activate animation
[32] PositionInterpolator2dExample.x3d - (default X3D view from 0 0 10)

PositionInterpolatorPrototype
Position Interpolator Prototype.x3d    
[33] PositionInterpolatorPrototype.x3d - (default X3D view from 0 0 10)

PositionOrientationInterpolatorsExample
Position Orientation Interpolators Example.x3d    
[34] PositionOrientationInterpolatorsExample.x3d - Animation demo
[35] PositionOrientationInterpolatorsExample.x3d - View from above
[36] PositionOrientationInterpolatorsExample.x3d - (default X3D view)

PositionOrientationInterpolatorsExampleTraced
Position Orientation Interpolators Example Traced.x3d    
[37] PositionOrientationInterpolatorsExampleTraced.x3d - Animation demo
[38] PositionOrientationInterpolatorsExampleTraced.x3d - View from above
[39] PositionOrientationInterpolatorsExampleTraced.x3d - (default X3D view)

ScalarInterpolator
Scalar Interpolator.x3d    
[40] ScalarInterpolator.x3d - (default X3D view from 0 0 10)

ScalarInterpolatorFishExample
Scalar Interpolator Fish Example.x3d    
[41] ScalarInterpolatorFishExample.x3d - Book View
[42] ScalarInterpolatorFishExample.x3d - (default X3D view from 0 0 10)

ScalarInterpolatorFishPrototype
Scalar Interpolator Fish Prototype.x3d    
[43] ScalarInterpolatorFishPrototype.x3d - (default X3D view from 0 0 10)

TimeSensorChaining
Time Sensor Chaining.x3d    
[44] TimeSensorChaining.x3d - TimeSensor chaining example
[45] TimeSensorChaining.x3d - (default X3D view from 0 0 10)
 

This viewpoint slideshow is online at
http://X3dGraphics.com/examples/X3dForWebAuthors/Chapter07EventAnimationInterpolation/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/X3dForWebAuthors/Chapter07EventAnimationInterpolation/_viewpoints

Table of Contents Previous Chapter Viewpoint Slideshow    Chapter Viewpoint Slideshow Javadoc for translated java source Next Chapter Viewpoint Slideshow X3D Resources