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.

10 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)


simplified hanim Scratch.x3d    
[30] simplified_hanimScratch.x3d 17513_LOA1_x3d modified
[31] simplified_hanimScratch.x3d (default X3D view from 0 0 10)

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

VisibleShapesTest
Visible Shapes Test.x3d    
[33] VisibleShapesTest.x3d Visible Shapes Test
[34] 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