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

[1] CircleFishPositionInterpolator.x3d Book View
Directory 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. 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. Event animation and interpolation is accomplished by ROUTE connections that pass events between nodes.

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

Authors can use a 10-step algorithm checklist (with example diagram) as an event-animation design pattern that helps build consistent event-routing chains. The supporting Chapter 7 slideset and course videos (NPS, YouTube) for X3D for Web Authors are available online via X3dGraphics.com.

The quick-reference sheet X3D Event Utility Nodes: Field Event Diagrams illustrates the functionality of the event utility nodes. These nodes receive and pass values that are sent via ROUTE connections.

25 X3D Models                 36 X3D Model Viewpoint Snapshots

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

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

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

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

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

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

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

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

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

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

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

Garibaldi
Garibaldi.x3d    
Viewpoint image from X3D model [20] Garibaldi.x3d Garibaldi
Viewpoint image from X3D model [21] Garibaldi.x3d (default X3D view from 0 0 10)

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

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

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

OrientationInterpolatorFishExample
Orientation Interpolator Fish Example.x3d    
[28] OrientationInterpolatorFishExample.x3d Book View
Viewpoint image from X3D model [29] OrientationInterpolatorFishExample.x3d (default X3D view from 0 0 10)

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

PositionInterpolator2dExample
Position Interpolator 2D Example.x3d    
Viewpoint image from X3D model [31] PositionInterpolator2dExample.x3d Click to activate animation
Viewpoint image from X3D model [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
Viewpoint image from X3D model [35] PositionOrientationInterpolatorsExample.x3d View from above
Viewpoint image from X3D model [36] PositionOrientationInterpolatorsExample.x3d (default X3D view)

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

ScalarInterpolatorExample
Scalar Interpolator Example.x3d    
Viewpoint image from X3D model [40] ScalarInterpolatorExample.x3d (default X3D view from 0 0 10)

ScalarInterpolatorFishExample
Scalar Interpolator Fish Example.x3d    
[41] ScalarInterpolatorFishExample.x3d Book View
Viewpoint image from X3D model [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    
Viewpoint image from X3D model [44] TimeSensorChaining.x3d TimeSensor chaining example
Viewpoint image from X3D model [45] TimeSensorChaining.x3d (default X3D view from 0 0 10)
 

This viewpoint slideshow is online at
https://www.web3d.org/x3d/content/examples/X3dForWebAuthors/Chapter07EventAnimationInterpolation/viewpointSlideshow.html

Validate XHTML 1.1

Viewpoint image version history at
https://sourceforge.net/p/x3d/code/HEAD/tree/www.web3d.org/x3d/content/examples/X3dForWebAuthors/Chapter07EventAnimationInterpolation/_viewpoints