Strolling Around

Node

NavigationInfo • Attributes

Description

An open-top room with a series of hovering spheres. Use your mouse/touch (and the navigation guide) to traverse around and between the objects.

The NavigationInfo node is set to "WALK" mode at a speed of 5.0 times the default.

VRIGNETTE Notes

NavigationInfo sets how the avatar will behave.

Example

 

Navigate the vrignette to view the geometry.

Navigation Guide

The number position in the guide are relative to where you should press/touch on the vrignette above in order to navigate.

  1. Forward
  2. Shallow Turn Right
  3. Shallow Turn Left
  4. Sharp Turn Right
  5. Sharp Turn Left

Code 

<x3d>

<scene>
<worldInfo title="X3D NavigationInfo Example">
</worldInfo>

<navigationInfo headlight="false" type="WALK" transitionType="LINEAR" speed="5.0">
</navigationInfo>

<viewpoint position="0.0 2.0 55.0" orientation="0 0 -1 0.0">
</viewpoint>

<!-- Floor -->
<shape>
<appearance>
<material DEF="gameFloorMaterial" diffuseColor="0.0 0.353 1.0">
</material>
</appearance>
<box size="80.0 0.10 70.0" solid="false">
</box>
</shape>

<!-- Landing Platform -->
<transform translation="0.0 0.0 45.0">
<shape>
<appearance>
<material diffuseColor="0.0 0.353 1.0">
</material>
</appearance>
<box size="10.0 0.10 20.0" solid="false">
</box>
</shape>
</transform>

<!-- Wall -->
<shape>
<appearance>
<material diffuseColor="1.0 0.647 0.0">
</material>
</appearance>
<indexedFaceSet coordIndex="0 1 2 3 0 -1 4 5 6 7 4 -1 8 9 10 11 8 -1 12 13 14 15 12 -1 16 17 18 19 16" solid="false">
<coordinate point="-40.0 10.0 35.0, -40.0 0.0 35.0, -40.0 0.0 -35.0, -40.0 10.0 -35.0, -40.0 10.0 -35.0, -40.0 0.0 -35.0, 40.0 0.0 -35.0, 40.0 10.0 -35.0, 40.0 10.0 -35.0, 40.0 0.0 -35.0, 40.0 0.0 35.0, 40.0 10.0 35.0, 40.0 10.0 35.0, 40.0 0.0 35.0, 5.0 0.0 35.0, 5.0 10.0 35.0, -5.0 10.0 35.0, -5.0 0.0 35.0, -40.0 0.0 35.0, -40.0 10.0 35.0">
</coordinate>
</indexedFaceSet>
</shape>

<shape>
<appearance>
<material diffuseColor="1.0 0.647 0.0">
</material>
</appearance>
<indexedFaceSet coordIndex="0 1 2 3 0 -1 4 5 6 7 4 -1 8 9 10 11 8" solid="false">
<coordinate point="-5.0 10.0 55.0, -5.0 0.0 55.0, -5.0 0.0 35.0, -5.0 10.0 35.0, 5.0 10.0 35.0, 5.0 0.0 35.0, 5.0 0.0 55.0, 5.0 10.0 55.0, 5.0 10.0 55.0, 5.0 0.0 55.0, -5.0 0.0 55.0, -5.0 10.0 55.0">
</coordinate>
</indexedFaceSet>
</shape>

<!-- Top Light -->
<pointLight location="0.0 30.0 0.0" color="1.0 1.0 1.0" radius="50.0" intensity="0.50">
</pointLight>

<spotLight location="-40.0 30.0 -35.0" color="1.0 1.0 1.0" direction="1 -1 1" intensity="0.50" radius="100">
</spotLight>

<spotLight location="40.0 30.0 -35.0" color="1.0 1.0 1.0" direction="-1 -1 1" intensity="0.50" radius="100">
</spotLight>

<spotLight location="-40.0 30.0 35.0" color="1.0 1.0 1.0" direction="1 -1 -1" intensity="0.50" radius="100">
</spotLight>

<spotLight location="40.0 30.0 35.0" color="1.0 1.0 1.0" direction="-1 -1 -1" intensity="0.50" radius="100">
</spotLight>

<spotLight location="0.0 20.0 55.0" color="1.0 1.0 1.0" direction="0 -1 0" intensity="1.0" radius="100">
</spotLight>

<directionalLight on="false">
</directionalLight>

<!-- Spheres (First Row) -->
<transform translation="-25.0 1.5 -20.0">
<shape DEF="TextureSphere">
<appearance>
<material id="0" diffuseColor="0.0 0.145 0.145">
</material>
</appearance>
<sphere radius="1.0" solid="false">
</sphere>
</shape>
</transform>

<transform translation="-15.0 1.5 -20.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="-5.0 1.5 -20.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="5.0 1.5 -20.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="15.0 1.5 -20.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="25.0 1.5 -20.0">
<shape USE="TextureSphere">
</shape>
</transform>

<!-- Spheres (Second Row) -->
<transform translation="-25.0 1.5 -10.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="-15.0 1.5 -10.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="-5.0 1.5 -10.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="5.0 1.5 -10.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="15.0 1.5 -10.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="25.0 1.5 -10.0">
<shape USE="TextureSphere">
</shape>
</transform>

<!-- Spheres (Third Row) -->
<transform translation="-25.0 1.5 0.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="-15.0 1.5 0.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="-5.0 1.5 0.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="5.0 1.5 0.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="15.0 1.5 0.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="25.0 1.5 0.0">
<shape USE="TextureSphere">
</shape>
</transform>

<!-- Spheres (Fourth Row) -->
<transform translation="-25.0 1.5 10.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="-15.0 1.5 10.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="-5.0 1.5 10.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="5.0 1.5 10.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="15.0 1.5 10.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="25.0 1.5 10.0">
<shape USE="TextureSphere">
</shape>
</transform>

<!-- Spheres (Fifth Row) -->
<transform translation="-25.0 1.5 20.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="-15.0 1.5 20.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="-5.0 1.5 20.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="5.0 1.5 20.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="15.0 1.5 20.0">
<shape USE="TextureSphere">
</shape>
</transform>

<transform translation="25.0 1.5 20.0">
<shape USE="TextureSphere">
</shape>
</transform>

<!-- Background -->
<background skyColor="0.0 0.353 1.0" groundColor="0.0 0.0 0.0">
</background>

</scene>
</x3d>