X3D Example Archives: X3D4AM, X3D for Advanced Modeling, Animation

[1] BoxSwitch.x3d Orbiting view
Directory Viewpoint Slideshow
Animation diagram

This chapter illustrates interesting examples and design patterns for adding animation to X3D scenes.

As illustrated by a Viewpoint sequencer diagram, simple models like Box Switch can show a lot of activity using simple animation techniques.

The X3D-Edit open-source authoring tool helped create these animation examples. Additional scenes produced by other authoring and conversion tools are also included.

9 X3D Models                 17 X3D Model Viewpoint Snapshots

BoxSwitch
Box Switch.x3d    
[1] BoxSwitch.x3d Orbiting view
Viewpoint image from X3D model [2] BoxSwitch.x3d Front view
Viewpoint image from X3D model [3] BoxSwitch.x3d Back view
Viewpoint image from X3D model [4] BoxSwitch.x3d Left view
Viewpoint image from X3D model [5] BoxSwitch.x3d Right view
Viewpoint image from X3D model [6] BoxSwitch.x3d Top view
Viewpoint image from X3D model [7] BoxSwitch.x3d Bottom view
Viewpoint image from X3D model [8] BoxSwitch.x3d (default X3D view from 0 0 10)

CubeWithLabeledSidesViewpointSequencer
Cube With Labeled Sides Viewpoint Sequencer.x3d    
[9] CubeWithLabeledSidesViewpointSequencer.x3d Front view, sequenced
[10] CubeWithLabeledSidesViewpointSequencer.x3d Left view, sequenced
[11] CubeWithLabeledSidesViewpointSequencer.x3d Top view, sequenced
[12] CubeWithLabeledSidesViewpointSequencer.x3d Back view, sequenced
[13] CubeWithLabeledSidesViewpointSequencer.x3d Right view, sequenced
[14] CubeWithLabeledSidesViewpointSequencer.x3d Bottom view, sequenced
Viewpoint image from X3D model [15] CubeWithLabeledSidesViewpointSequencer.x3d (default X3D view)


DEF USE Animation Example.x3d    
[16] DEF_USE_AnimationExample.x3d DEF - USE Animation Example
[17] DEF_USE_AnimationExample.x3d (default X3D view from 0 0 10)


Event Graph Loop Test.x3d    
[18] EventGraphLoopTest.x3d (default X3D view from 0 0 10)

OrigamiCranes
Origami Cranes.x3d    
[19] OrigamiCranes.x3d Rotating Viewpoint
Viewpoint image from X3D model [20] OrigamiCranes.x3d Origami Cranes, from ahead
Viewpoint image from X3D model [21] OrigamiCranes.x3d Origami Cranes, mirror image
Viewpoint image from X3D model [22] OrigamiCranes.x3d Origami Cranes, from behind
Viewpoint image from X3D model [23] OrigamiCranes.x3d (default X3D view from 0 0 10)


Pong Game.x3d    
[24] PongGame.x3d Pong
[25] PongGame.x3d (default X3D view from 0 0 10)

RotationCalculatorExample
Rotation Calculator Example.x3d    
Viewpoint image from X3D model [26] RotationCalculatorExample.x3d Rotation Calculator Example
Viewpoint image from X3D model [27] RotationCalculatorExample.x3d Left side direct view
Viewpoint image from X3D model [28] RotationCalculatorExample.x3d Right side direct view
Viewpoint image from X3D model [29] RotationCalculatorExample.x3d (default X3D view from 0 0 10)

ViewpointSequencerPrototype
Viewpoint Sequencer Prototype.x3d    
Viewpoint image from X3D model [30] ViewpointSequencerPrototype.x3d (default X3D view from 0 0 10)

VisibleShapesTest
Visible Shapes Test.x3d    
[31] VisibleShapesTest.x3d Visible Shapes Test
[32] VisibleShapesTest.x3d (default X3D view from 0 0 10)
 

This viewpoint slideshow is online at
https://www.web3d.org/x3d/content/examples/X3dForAdvancedModeling/Animation/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/X3dForAdvancedModeling/Animation/_viewpoints