Send me bugs and suggestions, please
VRML Script Tutorial
Full list

VRML Interactive Tutorial

VRML File Structure
Drawing: Shape node
Geometry Nodes:
Example: Chessboard
Image Texture
Movie Texture
Pixel Texture
Texture Coordinate
Texture Transform
Let there be Light
Directional Light
Point Light
Spot Light
Materials with Colored Lights
Hierarchical Node Structures
Inlining Files
Defining and Instancing Nodes
Defining Levels of Detail
Events in VRML
Creating Paths between events: ROUTE
Generating Events based on Timers or User Actions
Touch Sensor
Visibility Sensor
Dragging Sensors
Plane Sensor
Sphere Sensor
Cylinder Sensor
Proximity Sensors
Example: Proximity sensor
Let the Music Play
Bindable Nodes
Who Am I: NavigationInfo
Where Am I: ViewPoint
Adding Realism to the world
Information about your world
Definition for Auxiliary Nodes

;koHcC XF$+R q<@s;A` E6)ݲqj>DI-ۙ=2쪮n~ #5 [wOVٱAB o1R*]Ǚfv@=6ۋ'N=\ Fml$}n:souf/'L$0v 9xgIyl4ܞqp;b(* g< "qjc?RE}nSSV)WI/ :KRz )oE_զ۠0JV7w5r|CX{!n!EIń4I=)LѰl,.<_#/쉷hF==.KS1yPO~_*LVOlX89N T8XI8n6IܑЀ3͟oOޜ47vQ~w`~D:GǍ6͟[ؿ `i>uZjo-;jÓȚj:r ua`GhfOk8s)leNsڭvh Y|u4KcWX#~_[Mw A/ɗ/a ,yoib \5}\H?~ԣ>+<ů\BĻf[݀ӈט6~ ZnC)4R݈ lث͝T h]l b4qqb2J{ .zT~7mfc7/iz4؛ml LKDjrI  %'rYά` ~trQRP1-yɼ_yLLAR r)zgU3aMTj mmolQ|1?g?{/a|OaA"7 MeBd.!K/^%Ii%q2 _$2ƷuLo$e!×Qi2yM>O~&GVpz:]2C }lUųL/A`NrxwsSmك#z3%ŷ,agP*3k3N{NS/ikd2;vT5JktUNAt)SG9|uv۴S~bNshш k`M/xQyhfMHfKoa"3n@0x#W @ w<æᅱd)|44zXr6f^ŢC\E˶Y+5%dn4|o6;BY08hɶnIh08,<XI]4s/ 'F`$N'ʧu!Se*wpBR9w8|Ȏ_9ž(Æs}}[[X(1Z^%w'lyK6gUJZs~b\Llr[>K1KNVl,06O3[~-ɿrn[WJO*aN;  oO?NyO,r<V^.C <88,^ ] .z!='0iG:+xmOKCOleA*Юϗ3w]5eE=2}w'`JΩqz4YO^-Z"D+&f^ O/:\"6}DۗO՗:K_.?>:;~t&L1Kt+j=z$ٿzq=oݛ侀Qڃ1kyoJx@eO~H$U^f6UtC͆yZ^rX~thUo[Fb'T0}fC̄HꙨQ/.ǐZf $XjY[/nª 9(ccMS9O딀`5WS[VYչF!8K;8$HM5&5 9iGB[NZ!c.OYܒ/R3`J]!P<~=?+(/$Wsv*[OCo? =-X?]=nE}Z~F45󧩙?MӘ)}nU3oY{ G 䇰"@o ]nZ~{ϼ8=}_KD<z{ի O eqHćJ~!1'{"tX'vt-ĶR4]H2bhU("+Cb?>xˋ@k2hkI*^dksYXZNۓD!Q,/[IP_`](͏oaXo0qmxĘ%# R6Krȥ>Of]cbHU\OFaJ剰z=7}]LeY(<AIt3N YæOj o odU`T!X\f'S9J8궋02.,A|p ΓmPDBz3nxtv %|ǵ 1~Q"5RT&N0@N,!K!O耱58>1;n޼ <| Ffx'U^¯@Jpq,:N$SyX="gq6UdVe!"$﫿y[rPɦ{Vvr'98 3PLb~EE@n2FVQ3ҌR5&ɵxDf1eQ|cHHsfpA'}qG׏}*R:yX+a[ V,JnVRc2_ź lPSJp]o8\?^\}Ȳ~N.msuXȶbVt!)6-PD(Ώ<ȡ|3Q6yi P !Oe$_QNx@^|| +u~m %/=OA/29_G)AF_ rL.ɂ0aG_>1̷JbN7u4cdT:E*6o8ylfS2pjV_@ͼmSF|EoV߃K>0`zł7 tg>Kƅ` 78縫p8YD3*,xDQP]ŎzkWiЧ%6zF㘑K,Yl c#Z (9ꂆ%r,nJg/b,tf1GNf\e Cul۞d">&q{zuU6C\`iuަ8髴_8MO0Ȋ2b<" :lUY345`>)R{u⻾ei FհӈHe`իs Z]7 +jWբ[#ޓ+%)V"@JryN)nyXf#]q^9xf %m{&{a*Oz@⳼6&7Cϐ~1)uFzPĆT~`PhLjOJ 6\!BK;DF^8-SN僋;H "'鎂tUǵ QCޯ '2\(!pȞRW)ϋ)>K|ڜS;S6aX%"Ƶ@z .=- dxEVmw4.umnD !u.ԥD5`:9j^I>넬4}E2=.fq:ޞdS9ۮEx$1UGDB'0ײsl ESٲM4WgYVrxho67 j7.^^ a~W~{ш>Ԩe>CW˹ a{%"[q/.03A  l1IU'z4z^+\X4QD: dkB@k-\D ,D<"^\}QEnE|2Vkm 0Aֹw"V;Ta; ,JKJz51(㰄M"WZ'! V1=TYIlb=5M{M/pHؘB^d<. 6Vp_}[Ky@Ro*LG y~^b|j\g}}- ^1 {Z} +vꌲж@ijdiŒv0CA;ReAa{4 [(*Z¿ P {xU٦K<xKgj["#ʬO|)WOxMd}|U̎j7d]Oq:dn v$ZW-CQ*kޔvGQ~AfD%<6Q^S9R=C$*~jS޲V얇( -{ SsLѭeZZ%%]UWjynsG:Zo?T|i5us3/Vhj{[7:\^Tg$B6NˬmIKBn ƒVW[+xo k4NӅ^D2m FYlבxdyڝLؿ#-l*٤֪28*R$D`V$GbS$ʒAWO=BcyLyɏat"!p}$20\_R~r%fiѩ-1L[dzEu,RW?xېiqI{Ql,(u(y-%~qŔܱtЮ h̎Ԙ'H?Bf0)o2qa:ǸYگEt!gRUe'E-6ة!2jh;(}FW'.V%-o2y-?9+᮳"Y '8d(9]u!}ɖYh_ly.}1s*ΣC2:xc}-##! R[WֳYFfbfyetbΔ AW?^HILPg.p;/z fps(oNA_xmCbޕ2#mN"H+tʇ^:g USjoP-dHب|$܈}=bT${C";»&/WgoO~|:oy M$̙$/#ˤV!6&"CDI;(qS( քj3qg{ceȓZֆ|2;^#ɋ؏ŪCח{x{19r&l!V1(X?a^Lˢ?#̬TJ+,%:57}:f bB#z{q܏o*cބ%mf& ۲6;ف_ӵ; #cEEdysri(&捳91nul؆wM8faaJƤ,\9Jέwf)Q<͑zCL`; T.8XlIԻ3Z UHc7~ߖ ;-$);?&VαB.SnyR5fAgj[I_|$dq;FŒ\f#^,bjGx0g>X}!I$;NGi)C0 -(ʩhZ?(w*c^uҘPr}" #xYF~ʺ/yi3a?Yi$oH}( j p }I5j0W>pd5*΃p VE8 V{GcX7Q>Τ Xtɥ,UK<U]Far}.2R { eezXFHi7vh}#UNF95zk[}7K |͑pGBT5CAE$**2p-d()l5 r^62E麽L0cVxS)jT_Yy`u^r%{62Z-eYލDObBI B:r7#o u(^H~嬽zxӕjmHyFן:[TBPk}VGԲ|ВO):)40t{̮߂-tJ0(h꣯ [WZ@Zl$pQ>99o \C"0}zrT>R: I899%A£ S MPZ_ziK\MGPiۧ%[]ͅd *pw{.f\AcfU8yBh~ ulMWu0Jm5-LĂblOfiRL>чX?Mxc-ZMQ966s1:3{ڰ:!v?=k@ IQ('DK"6?^~d5$|rӞ;%-
ElevationGrid Node

The ElevationGrid node specifies a grid of points, each with a used defined height. This node is useful to create meshes, see Lighting, or to build a terrain.

An ElevationGrid is built in the XZ plane, starting from the origin and expanding in the positive direction of the axes. The shape of an ElevationGrid is defined by the following fields:
  • xDimension: the number of points in the grid along the X axis.
  • zDimension: the number of grid points in the Z axis.
  • xSpacing: the distance between two adjacent points in the X axis direction.
  • zSpacing: the distance between two adjacent points in the Z axis direction.
  • height: a list of floating point values specifying the height for each point in the grid. The points are ordered left to right and top to bottom.
  • The other fields for this node are:

    The color field defines a Color node. This node defines a list of colors to apply to the faces. The color is optional, the default values being applied if the field is not specified. If a Material node is specified the default color is the emissive color from this node. Note that both the default emissive color and background are black, so if no color is specified and the default background is used you won't be able to see the faces.

    The colorPerVertex is a boolean field which defines how the colors are applied. The meaning is similar to the IndexedLineSet case.

    texCoord specifies a TextureCoordinate node.

    There are 2 normal fields which have the same meaning than the color fields but applied to normals. The normal field defines a Normal node.

    The ccw field specifies if the points which define a face are present counterclockwise, TRUE, or clockwise or unknown order, FALSE. A face has two sides and sometimes it is important to know which is the front side, and which is the back side. So let's assume you're defining s single face perpendicular to the Z axis and ccw is TRUE. If the face is defined counterclockwise then the front side is the side facing you. Otherwise the back side is facing you. If ccw is FALSE then the opposite occurs.

    The solid field determines if the browser should draw both sides of a face or just the front side. VRML assumes by default, solid is TRUE that the faces in an IndexedFaceSet form a solid shape. In this case there is no need to draw the back sides of each face. If solid is FALSE then the browser will draw both sides of each face.

    The convex field specifies if the faces being defined in coordIndex are convex or not. VRML can only draw convex faces. When presented with concave faces, the browser splits the face into smaller convex faces. This is a time consuming task. If you are sure that all your faces are convex then setting this field to TRUE tells the browser not to worry splitting the faces, and therefore saving time. The creaseAngle specifies an angle threshold. If two adjacent faces make an angle bigger than the creaseAngle then you'll see clearly where the two faces meet, the edge linking the two faces is sharp. Otherwise the edge linking the two faces will be smooth.

    ElevationGrid {
    xDimension 0
    xSpacing 0.0
    zDimension 0
    zSpacing 0.0
    height [ ]
    color NULL
    colorPerVertex TRUE
    normal NULL
    normalPerVertex TRUE
    texCoord NULL
    ccw TRUE
    convex TRUE
    solid TRUE
    creaseAngle 0.0

    The following figure depicts the grid built using this node using a list of heights with all elements equal to 0.0.