WebGL 3D Demos

3D content on the web

(Live 3D works in full-screen mode on a PC / smartphone with fast graphics hardware – otherwise the video content in 2D is recommended)

 

Please be patient – the browser game loads approx 100 MB.

no video? - then on Youtube also in 360°






3D scenes in the Internet
Techniques used: AI, 360° Panorama, WebGL, Unity3D, Blender, Rigging, Skinning, Bone Animation, Inverse kinematics, Keyframe Animation, Raytracing, Caustics, Raycasting, Javascript, C#, Python, Particle, Rendering target and more




3D water WebGL
Techniques used: 360° Panorama, WebGL, Raytracing, Raycasting, Javascript and more




The @weberlebt environment
Techniques used: 360° Panorama, WebGL, Raytracing, Raycasting, Javascript and more




Demand for content

Repeated questions result from many years of employment with visualizations in all areas.
What does 3D actually mean ?
One dimension more than 2D or possibly even more ...?
In what context it can be used or avoided?
In principle, the representation 'just'about modeling a world, how we perceive them.
A claim to artists since cave painting.
Reproductions of the 'reality'as interpretable symbols with a more or less high degree of abstraction, or just as mirror images.
The technology for this has naturally evolved over the millennia.
The same applies to the selection of tools - for both creative and passive examination of it.
Depth information in pictures is not that new.
Vanishing points or depth of field blur can also be used as a stylistic device in static 2D formats
The latest version of high-quality visualization is, for example, the stereoscopic content in 3D films.
The spatial representation sometimes has a very drastic effect on the viewer and thus conveys the 'in the middle'Feeling.
However, there is no possibility to influence actions or perspectives personally.
An essential component of current 3D technology is therefore the computer as in - and output instrument.
As an extension to the 2D formats'picture' and 'Video'comes here'changeable depth information ' in the game.
The scene can be explored spatially.
We also add 'interaction', means the viewer has the opportunity to choose his own perspective. We speak of 'Degrees of freedom'.
This is probably the extended challenge when creating this'Virtual reality'.
The author is required to have a coherent aesthetic of an open, artificial world, which may also require perspectives, that he never thought of.
For the presentation on the Internet, compromises must also be made, for example. To be able to offer security and performance.
WebGL has established itself as the web standard for several years.
'GL'stands for'Graphics Library', is a reference to 'OpenGL'and offers the programmer a library of functions in the visualization context, which, for example, also access (by shaders) on graphics cards (GPU) Offer.
WebGL can cover a variety of display options.
Verbal or technical description goes too far.
Therefore this demo page with excerpts from my work area.