Future to the fantasy ★ ★
Titania
X3D Editor
Version
3.0

X3D Examples Library

                   

A new examples library is now available at GitHub. Most of them are found on the Internet and are provided »as is«. They run fine with the latest version of Titania and Cobweb. We collected a lot of examples from simple to advanced worlds. If you want to download a single sub-directory you can use GitHub's svn support:

svn export https://github.com/create3000/Library/trunk/Examples/Astronomy

Copy and paste the line above into a terminal and replace the sub-directory with the directory of your choice. But now, have fun with watching and listening!

© Creative Commons

Apartment

This world shows an apartment with all rooms. At start of the world the apartment is a flat plane. Press the button to make it 3 dimensional. To navigate into the apartment use the Page-Up and Down button. All rooms are measured out and the sizes appear on the floor and on the walls. Go into the bedroom and press the light button to show the furniture.

View this world with Cobweb and Firefox.

© Creative Commons

Approach

This world shows you how a race could be modeled and programmed. Less polygonal objects are used to reduce file size and increase rendering speed. Press the Page-Up and Down buttons to switch between different viewpoint animations. The objects of the driving route are grouped into LODs and appear only if you are close enough. This technique ensures that the objects are not rendered at farther distances.

View this world with Cobweb and Firefox.

© Creative Commons

Arcadia

Play the game! Press the green button! Drag and move the cross hair to navigate up and down, left and right. Try to catch the stars and other items. Don't come the columns to close, then your score is lost. All objects are grouped into LODs to increase rendering speed. The collision animation is done with ProximitySensors placed around the obstacles that toggles a Viewpoint animation.

View this world with Cobweb and Firefox.

© SGI

Astronomy

Discover the solar system from a new perspective. Use the Page-Up and Down buttons to navigate between the planets or use the mouse and drag and fly trough the solar system. This is a well grouped and organized world that uses a lot of LODs to increase rendering speed. There are sound that are first played when you are close enough.

View this world with Cobweb and Firefox.

© Creative Commons

BIC Terminal

This is an example how a terminal screen could be made. Click on the small boxes to switch to another scene. Use the Page-Up and Down buttons to change the viewpoint. The small boxes on the start screen are Anchor nodes that are linked to different scenes. This reduces load time as not all content is loaded at one time.

View this world with Cobweb and Firefox.

© Creative Commons

U-Tube

What an underground station. But where it is. Press the right button on the start screen to move with an scary elevator down to the station. Move the mouse over the images to toggle the lights on and off. Use the Page-Up and Down buttons to navigate between the shirts. The world is separated into a lot of inline files to make editing easier. A global Switch node controls what scene is displayed.

© Creative Commons

Cathedral

What is this? Floating angels within a cathedral and everyone of them has a screen in its hands? Click on the notes to navigate between the angels. The Head Up Display (HUD) in front of the screen is made with a ProximitySensor that moves the object as the viewpoint moves. In modern X3D you can use the LayerSet and Layer node to achieve the same effect easier. The angel are grouped within a Billboard node that let them look always to you.

View this world with Cobweb and Firefox.

© NIST

DLMF

When you are interested in high mathematics then this world is something for you. Examine the beautiful function from every side. A lot of prototype nodes and scripts are needed to render these complicated functions. I found this worlds on the NIST website and make it here available again.

© unknown

Dolphin

Oh yeah, the dolphin can swim. A nice polygon animation packaged within a prototype node controls the movement. You can easily create more instances of the dolphin to let a whole group of them swim through the ocean. A Background node with a soft color gradient creates the under water effect. You could put a Fog node within the scene to make the water effect even more realistic.

View this world with Cobweb and Firefox.

© Creative Commons

ICTS

Oh what a dear young lady. She is my new girlfriend. This world demonstrates how a whole website could be made in X3D. Click on the menu to bring different item to your view. The menu in front of the screen is made with a Head Up Display (HUD), in modern X3D you can use the LayerSet and Layer node to achieve the same effect more easily.

View this world with Cobweb and Firefox.

© Creative Commons

ICTSpace

This is a large world with just 5.236 triangles. A lot of small textures with alpha channel are used to make everything more pleasant and to reduce the polygon count. A morphing animation under the floor creates a spacy effect.

© Web3d.org

Web3d.org Logo Pieces

If you are new to X3D look at this official Web3D.org logo animation. The file is small with some animations controlled by a TimeSensor and interpolator nodes. A Light node is carefully placed to create a shiny effect on the letters. A Backround node with white and blue colors creates the nice color gradient.

View this world with Cobweb and Firefox.

X3D Logo Pieces animation

© Creative Commons

Lust for Life

This is a complete world where you can view the building from many different perspectives. The viewpoint animations are controlled by the buttons in front of the screen. Press the play button to start a never ending animation. There are six independent viewpoint animations that are cut together with a JavaScript. Beside this you can control the light animation of the facade with the blue slider. This animation is created from 100 images that are exchanged continuously, this technique is called flipbook animation. The scene consists of many low polygonal objects and just one hight polygonal object, the red entrance. Despite the few polygons a pleasant world could be created. This was realized with hand made textures and carefully placed objects.

View this world with Cobweb and Firefox.

© Creative Commons

The incredible Metalbeast

What a highly skilled dancer this robot is. You must find out where the robot is and how you can bring him to dance. Everywhere in the room are buttons placed that control something. Walk through the room by pressing and dragging the mouse or use the menu buttons. There are hidden sliders.

© Creative Commons

Cultivate your Microbes

Catch the little Microbes and read what they have to say. The microbes are made from a few polygons except the eyes. A large skin texture is applied to the floor. TouchSensors control the game. If you click on one microbe a Script node is triggered that randomly displays a piece of wisdom in front of the screen.

© Creative Commons

Moebius Strip

This world demonstrates you the use of a prototype node. The MoebiusStrip PROTO consists of an IndexedFaceSet root node and a Script node that generates the strip on initialization. To use the strip, an instance of the PROTO is assigned to the geometry field of a Shape node. As the root node of the PROTO is an IndexedFaceSet node the instances of the PROTO can be used in the same way as you would use a plain IndexedFaceSet.

© Creative Commons

Movie Truck

A truck goes along the main street. A simple city scene made of flat shapes with textures applied surrounds the street. The textures are made from photographies of real buildings. Low polygonal objects are used to increase rendering speed and reduce file size. The shiny reflection animation is made with a ProximitySensor that controls a TextureTransform node's translation field depending on the Viewpoints position.

View this world with Cobweb and Firefox.

© Creative Commons

Mushrooms

Oh how shy the mushrooms are. If you come to close to a mushroom it jumps away. The scene is made from low polygonal objects and some high polygonal objects. All textures are hand drawn to create a comic like look-and-feel. The shadows below the mushrooms are separate objects with a blurry black circle texture. The mushrooms are controlled by a LOD. If you come to close a VisiblitySensor becomes visible, that triggers an animation.

View this world with Cobweb and Firefox.

© NIST

NIST Logo

This world was taken from the well known vbdetect.html page from Nist.gov. The big letters of the logo have auto-generated normals and a Script dynamically shows the version of the browser. This scene is interestingly for beginner if you want to know how a Script node can be used.

View this world with Cobweb and Firefox.

© unknown

For Pong

Every day play Pong. Who doesn't know this game. I know it since I was a child. An intelligent algorithm controls how good your rival is. The movement of the ball is pre-calculated. A build-in TimeSensor triggered PositionInterpolator animation then generates the movement. A rotating Background node changes the color of the background. The score numbers are very small PixelTextures with no filters applied.

View this world with Cobweb and Firefox.

© Creative Commons

Old Leipzig Rathaus

If you don't know Leipzig and its Old Rathaus then you can admire it here. The textures were taken from photographies of the real building and then were manually processed with Photoshop. A lot of viewpoints are placed in front of the Rathaus. Press the Page-Up and Down buttons to navigate between the viewpoints. The transitionTime field of the NavigationInfo node is set to a lower time to create smoother transitions.

View this world with Cobweb and Firefox.

© Creative Commons

Schacht

Big pictures behind walls. Click on one wall and it will open, click again and you will fly to the image. Close and open the walls again will show you a different image. Awesome pictures, stunning Viewpoint animations.

View this world with Cobweb and Firefox.

© unknown

Terrain

This world is a nice example how a infinite terrain can be programmed. You can move and move without come to an end. The world is made from nine tiles that are dynamically translated as you move. A global script that is not hard to understand controls everything.

View this world with Cobweb and Firefox.

© Creative Commons

Tikiworld

A pleasant world, ready to use to build some game, with amazing good looking textures, and well placed objects. Have you seen the incredible waterfall? It was created using a a technique called flipbook animation, involving a TimeSensor, a Script, and a set of texture maps. Use the Page-Up and Down button to navigate between viewpoint. One of them brings you close to Mark Kleeburg on the raft.

© Creative Commons

Treasure Island

This is a complete level of this game. Find all items, collect all diamonds to increase your score. Find out how the bridge comes down. There are many secret places. Click on the clock to show how many item you already collected. Hand made monochromatic textures and hand colored polygons gives you a fantastic look-and-feel of shadows and lights.

© Vattenfall Europe

Vattenfall Medienfassade

Can you see the movies in the windows? This building in Berlin is the headquarter of Vattenfall Europe in Berlin and shows every evening different pieces of art. This world is a simulation for all who are not in Berlin. MovieTextures triggered by VisibilitySensors display the different movies. A reflection animation on the window glasses makes the scene more realistic. Two menus on the top right corner let you choose between viewpoints and movies.

View this world with Cobweb and Firefox.

© unknown

VRML Banner

This is a horrible programmed, but well obfuscated world. It consists of only prototyped nodes, and a lot cloned nodes. If your browser can play this world, it is ready for X3D.

View this world with Cobweb and Firefox.