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

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


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.

  25 X3D Models       X3D Model Descriptions
CircleFishPositionInterpolator Circle Fish Position Interpolator Run-time modification of a fishes position using PositionInterpolator.
CircleFishPrototype Circle Fish Prototype This is a prototype for a CircleFish, which is also used by CircleFishLod. Default fish size: length is 1 m (Y-axis), max Height is 1 m (Z-axis), max Width is 10 cm (X-axis).
CircleFishPTPrototype Circle Fish PTPrototype This is a prototype for a CircleFish, which is also used by CircleFishLod. Default fish size: length is 1 m (Y-axis), max Height is 1 m (Z-axis), max Width is 10 cm (X-axis).
ColorInterpolatorExample Color Interpolator Example Demonstrate basic design pattern for animating a node.
ColorInterpolatorFishPrototype Color Interpolator Fish Prototype This is a prototype for a CircleFish, which is also used by CircleFishLod. Default fish size: length is 1 m (Y-axis), max Height is 1 m (Z-axis), max Width is 10 cm (X-axis).
CoordinateInterpolator2dExample Coordinate Interpolator 2D Example Example to interpolate using CoordinateInterpolator2D - click geometry to activate animation loop.
DolphinMorpher Dolphin Morpher Morph coordinates for smooth animation between 3 different dolphin poses using CoordinateInterpolator.
DolphinPose01 Dolphin Pose 01 First pose for bottlenose dolphin is neutral position, exported from Maya with values used in DolphinMorpher.
DolphinPose02 Dolphin Pose 02 Second pose for bottlenose dolphin is curved upward, exported from Maya with values used in DolphinMorpher.
DolphinPose03 Dolphin Pose 03 Third pose for bottlenose dolphin is curved downward, exported from Maya with values used in DolphinMorpher.
DolphinSwitcher Dolphin Switcher Switch animation among three different dolphin poses in a freeze-frame style.
Garibaldi Garibaldi The basic, unanimated Garibaldi fish.
HelloX3dAuthorsAnimationChain Hello X3D Authors Animation Chain Fully developed animation-chain example showing spinning globe and text: Hello!
MotionInterpolatorFishPrototype Motion Interpolator Fish Prototype This is a prototype for a CircleFish, which is also used by CircleFishLod. Default fish size: length is 1 m (Y-axis), max Height is 1 m (Z-axis), max Width is 10 cm (X-axis).
NormalInterpolatorExample Normal Interpolator Example Example normal (perpendicular vector) animation, where orange vectors show normal direction at each polygon vertex.
OrientationInterpolatorFishExample Orientation Interpolator Fish Example Run-time modification of fishes position and orientation using PositionInterpolator and OrientationInterpolator.
OrientationInterpolatorFishPrototype Orientation Interpolator Fish Prototype This is a prototype for a CircleFish, which is also used by CircleFishLod. Default fish size: length is 1 m (Y-axis), max Height is 1 m (Z-axis), max Width is 10 cm (X-axis).
PositionInterpolator2dExample Position Interpolator 2D Example Interpolation example using PositionInterpolator2D, user can touch (select) the geometry to activate an animation loop that rescales the image texture superimposed on the geometry.
PositionInterpolatorPrototype Position Interpolator Prototype This is a prototype for a CircleFish, which is also used by CircleFishLod. Default fish size: length is 1 m (Y-axis), max Height is 1 m (Z-axis), max Width is 10 cm (X-axis).
PositionOrientationInterpolatorsExample Position Orientation Interpolators Example Demonstrate use of PositionInterpolator and OrientationInterpolator to animate object motion.
PositionOrientationInterpolatorsExampleTraced Position Orientation Interpolators Example Traced Demonstrate use of PositionInterpolator and OrientationInterpolator to animate object motion, with console output tracing added for PositionInterpolator and ROUTE events.
ScalarInterpolatorExample Scalar Interpolator Example Demonstrate use of ScalarInterpolator to animate transparency.
ScalarInterpolatorFishExample Scalar Interpolator Fish Example Run-time changing of a scalar property: Material transparency.
ScalarInterpolatorFishPrototype Scalar Interpolator Fish Prototype This is a prototype for a CircleFish, which is also used by CircleFishLod. Default fish size: length is 1 m (Y-axis), max Height is 1 m (Z-axis), max Width is 10 cm (X-axis).
TimeSensorChaining Time Sensor Chaining Connecting TimeSensor nodes so that the completion of one behavior chain triggers another.

Online at https://X3dGraphics.com/examples/X3dForWebAuthors/Chapter07EventAnimationInterpolation

Validate XHTML 1.1

Master source-code model archive is under subversion control at
https://sourceforge.net/p/x3d/code/HEAD/tree/www.web3d.org/x3d/content/examples/X3dForWebAuthors/Chapter07EventAnimationInterpolation

The X3D Resources: Examples page and Savage Developers Guide provide more information about the production of this archive.

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