XML3D: Xflow Gangnam Style

0.0 0.0 0.0 11.533000000000001

Press Play on the embedded video to start the animation.

Ben design, modeling and textures done by Janosch Obenauer, skeleton and rig by Alexis Heloir, skinning by Alexis Heloir and Janosch Obenauer, released under creative common license, design production funded by BMAS: ISSN 0174-4992 Forschungsbericht 417.

Examples
Index
Basics
AssetsDemonstrates the use of assets to include 3D models in your scene.
Recursive AssetsDemonstrates the recursive embedding of assets to customize complex models.
Directional LightDemonstrates the directional light shader.
Spot LightDemonstrates the spot light shader.
Video TextureDemonstrates video textures.
Webcam IntegrationDemonstrates webcam as a source of a video texture.
Canvas ResizingDemonstrates dynamic canvas resizing through an attached jQuery UI widget.
Linestrips and TristripsDemonstrates the primitive types linestrips and tristrips.
Large LinestripsDemonstrates a larger linestrip.
Script ValueDemonstrates efficient data update with TypedArrays and setScriptValue.
XML3D Architecture PosterScene that uses a whole range of features of the XML3D architecture.
CSS
TransformThe CSS transform property applied to XML3D elements.
TransitionsUsing CSS transitions on the 'transform' property to animate objects.
DisplayThe CSS display property applied to XML3D elements.
z-indexThe z-index property used to change the drawing order of objects.
External References
XML3D JSON FormatDemonstrates the usage of external mesh data with XML3D JSON format.
MeshLab FormatDemonstrates extending supported formats, here using MeshLab's JSON format
OpenCTM FormatDemonstrates extending supported formats, here using OpenCTM binary format
STL FormatDemonstrates extending supported formats, here using the STL format
XML FormatDemonstrates the usage of external mesh data and shaders with XML files.
Blast FormatDemonstrates the usage of external blast resources.
Materials
Candle Emissive MapDemonstrates the usage of emmisive maps for the shading of a flame.
Custom Shader: EyelightDemonstrates the usage of custom shaders to implement an eyelight shader.
Custom Shader: SSSUsing a custom shader to create a simple subsurface scattering effect.
Shader OverridesDemonstrates overriding of shader attributes in the mesh.
WebGL State ChangesUsing materials that can change the WebGL state on a per-object basis.
shade.js: Animated ShaderAnimated shader with shade.js.
shade.js: Wireframe RenderingWireframes with shade.js.
Web Components
Simple ComponentDemonstrates a simple web component that creates a configurable teapot.
Bounding Box ComponentCreating a web component that shows the bounding box of another scene element.
Xflow
Sequential MorphingDemonstrates mesh morphing with Xflow
FacemorphingDemonstrates how to declare and use custom Xflow scripts to generate mesh data.
Wave AnimationDemonstrates how to declare and use custom Xflow scripts to create a wave animation
Xflow DataflowsDemonstrates Xflow Dataflows to reuse processing graphs.
Xflow SkinningDemonstrates Xflow Skinning.
Xflow Gangnam StyleAnother Xflow Skinning Demonstration - Gangnam Style!
Augmented Reality
Simple ARA simple augmented reality application with a teapot. Implemented with Xflow.
Flying TeapotAugmented reality application with a teapot jumping between two markers.
Image Processing
Pixel-WiseBasic, pixel-wise image processing operators
BlendingBasic blending image processing operators
Spatial FilteringSpatial filtering image processing operators
MorphologyMorphology image processing operators
HistogrammHistogramm image processing operators
Fourier TransformsImage processing operators in Fourier space.