Lighthouse3d.com

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

VRML Interactive Tutorial

Introduction
VRML File Structure
Drawing: Shape node
Geometry Nodes:
Box
Sphere
Cone
Cylinder
PointSet
IndexedLineSet
IndexedFaceSet
Extrusion
ElevationGrid
Example: Chessboard
Text
FontStyle
Appearance
Material
Textures
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
Group
Transform
Collision
Anchor
Billboard
Switch
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
Timers
Touch Sensor
Visibility Sensor
Dragging Sensors
Plane Sensor
Sphere Sensor
Cylinder Sensor
Proximity Sensors
Example: Proximity sensor
Interpolators
Color
Coordinate
Normal
Orientation
Position
Scalar
Example
Let the Music Play
Sound
AudioClip
Bindable Nodes
Who Am I: NavigationInfo
Where Am I: ViewPoint
Adding Realism to the world
Background
Fog
Information about your world
WorldInfo
Definition for Auxiliary Nodes
Coordinate
Color
Normal

[}8{)0 ~Cv٫{Uf*%``'{{>`ml.51RwZVK"[?៿fty񺥪|O{x#fڢ{pj8T?މ<7q2by(9\ c{yFKg~˒7rbžР =vv*=ڵ$65~oFª37/{= S[lt/0#ps,Jv96HbGg1rOF~GS,( ]WZh_ط,"I;Qx)p{L=1R >nPA֔8ďh (Ngx=I=/M(3&=&@1EPF yr]ʞm9oI4hr+h=L?x1 b>y0alc]O(q/b<;L)D8A Hq{^"2yX':gͮfh{o={]TDP8C4L0ri]&(%G+R:ݳN 1 U0jm xi=1خ%|I 4R8]fΖuWBy)ǛvdJ8Nh2 !?S4GR X֞P$ {i "owGK(Dey qf n`0հPء <EqdhQ`>% <致mHZJXM&莚\ bKWro<&$ v^|*ĶmOa-N7N>3?P;Q8>um>=}zS(\~"$?QkWXʄ䛛VU|N:|:~U-}H:[qkrZ)ȳC6m?1'bM$׹uo3,(-Bm=?4޲Y*<_h;'MOCЩ%{σq;6 נĻe@3Oeل9[VAp+*P0B)QXJdKHct?`McF <Şam+~~$> @zy͋W'`S ), ;Q֟%=5JS`P e(J} U ,y B{R,Y?f2L7+2ߓhiU7v a:`RjӶدfy]x3:1{&o}ZZ691 ĕmA 1FUG}'E0G ;,,9zwZLlQH;3&#!jd`jx$x^s]0H0C3{`' [@E0 @ھ SŽjaue3`t0cu0$/jO"˪|X4)TߑAc]6Cʞ3i.\Mi 8,\)vpwE 7?CUFDg9Pw}|}BEMHg:k@mP4ڃ1~nAf#QR=]!uFQ#HhD#Y :g!ӇGɆ@8٫q۫0Q0-#8Ka'3uJM&`NLʦl-M̌?pQɇd Kdzbt^N3zCê Sd,0 [ Vu&ck >R6LvM9&Lmm|`N28%qHcdiU yiW9DxI=+,a*;`_U e3ƗLC1P,cm$zK0 13X] t*FaUL#o 8nc',A L(ԃ$9nXcLfOitV[x|{`?s(dhCix,,*1 Y#K`{U'?yN!6't7(W+ 5 u+ fu.j=_,N>\8{F4 ?ӈ73 <g.kbd/>Ez/U$jCVXІ'ksoM"g=(y=^MoΗ "!6E2$e[ AJGLILaX.=xzq2>;s^vgI 3~ۙ*13 =$8Q ;'WOGR82sN7.XtX͓9C}(B:©;b)RkZ6)2y&s.v~ y5cOjiQw=|J +?OBJ\ڋm/:7w_;F KT"I@T#LB_g /xd-@+Q7!6?rqq$]Y4WǓn!1:1xTm& ,a~>.p:TuBaYLEYL"y? ,_DX I1OL9C䤱3=g߇ʠtk"Jyz:;;=ܠseX|7dй+?\$ɤl%x:I6:H7<EG}C{hϪX^7VȈ$!rQXI)ÉPN ՁEƓy$cPJw]@2Pzq'" ; D3<)٩&'X0;3~-ag? h dLE[v`e!DJNX[2$I)oTA+(T8ԾwWLe'üOs 㫡 3v )3~bNS--0" :>p ;cvnjnb|j\Jmv0*-1݂Jbj3aO7 vK>sOCbkUI3šueYGgAVKIiűH/I=';^W0`Ao `74I;?qOK1s|6 zVEކ9cLG.I5ip?44V-UUQQ{әA4gtgրuG̮Lp V_܀,f[5n(5$\JgH휆\Je|f}{-=@CN`_ VѺEymb0L ? 7q:H?"C7Q<=)^1d%lut`7<g<Dz%bc?=V CV^d`nxJ1T8֛xPm2>]xhPLDA}&#'co0%" t8K8T FXmI sss|fuX-j˹'L@yNǁh8kk" &t^%&S:WU1|LA3#m۳Ŀں=j|"8Z ]|ύGvÎ( C1AA"'w(l~a!R᛿ ˢ&P7ߴ0Q65^n"(ȞIփQqFGNyլȱZ[58 h?7`DY0Bz4w-ht60d )؟Mћ tښxV1Nd)mE$=ڸph?JgZ)yh_bE`+360 T享T``R@bdㅹw[;VZmg! 3낊$ '؊g3#|ْh0:Su"Y[ujLUUO_.Tdx]+O M\*W3LpHQ悡C e檅rK\\C!K0w 5']Qs۸~g8/SJ$HJ$q'ĭCK1E(I c@4/7}$vgx|JY +l`4 VeXHVYO0Ռj_dQS>vtҳv:?*}3OιZ@iK`F)@ءIpp`iŠs7YzѳCUQ(HFGQ:w; xpB=t0rn{kH:cҠ^})g2E/C# l5$KvIY>Q`mЇ%֫yV%ٜ@VE|L .Ȳw+W൜bBXUO,mj6~a0su;9xjrEf,7Im$8 |q/@eE5O|ٲr}Nzta6Oaݭc(`<G8 |c[tۖ*ъl^ .JK-X%˨>)x0؏/GDK>Vz\Rm[{0[}+J$Gaecɧ໸rhL:TGl &}SƔI9c>4am{pqÈ#ZKU$`%%0'tϧ8M }H ~,:A[,/7z%>nuT^tf8:V'*`>/ R>H U:8u~“ e zo:n ܶ$WuW*fC\f~L'էnvrK@Iѧe2_ #ol/& Pa M$$'#`Q0!,fZ<nRI `@oHib RHm D̹*sFK)uڹX|cnSTa pp &SFkFrp-ܜs9:%%Ԋ~ ծƲ%j&F*9h]8bx~H4g Sd֟`頌>fGJ.!)v`%/t F6{)H F|/ϕ #j D]+ )t:.}?sY5K'ͩ(uO68Srsa;yw޳^ &ʄGooy.# }tI=?X8tI=.A% ^zM)> h.D>}3vFwBzi<S0d봼Y^i`VtH ,G+N5zxmcux`lUdPihcUxrʹF[+^ybh].׳v sPO~G9}9(j=sv!z6U.4V}Zm,/: R j=htNfIqUlg'߾S7N>!_YǢb~]nF}vՋԅٵ (N$(- HqeHr]rIQsAMróC rųىVjK(wώ># NrLҍΙ(v]eR0}o8^d$&C-Yuڊ.0 &B hp*I)ђ!6oF20͈JVf.^F`7sajrXA]uqL`p:`WƣXr;L 辤m ~=3;^y+ :Q?ݕi\f&+H Oһm#6Rs~RIĻzastZo6onU^|PQq9#I "_<+yVOx|gﭛsy"ң{Q*ejU#s#=hR2לj3^STtӆ*8{ܻ[N=_ VbDY΀L-]ZuCOGy8[8 j$e|xbFO{sg 3xjY,^-Љ+k,*لdW煰N\x4kZM^Rj(\z# 5YkJՐ9+Xu8,^)@c`e7Zٍ9ՅH P8^y&pZ-:aA95`@T q1a+YD)j݌fz($ @Wq7W*F1X< gpx@C9^]rgчwE Yd,7G )"X+vwAZd4 Bbn5uvMRrs BEB<klCZ9lFJHcOܪa1l8<|])q36m|n zCUwT-xE*d%?p!ՔC #c]… eОV6`f7};WLqc4;9<< 7;yb4MBY!ON x[is};FS]]&i'i /W>Y7)2?iIvvOBJ;tP"yҭli7:O=?*]

Textures


VRML 2.0 allows you to use Images, Movies and Pixel defined images to texture your shapes. When texturing a shape the texture is applied by default to each of the faces of the shape.

The following figure shows an example using an image to texture all the primitive shapes:

The texture image used in the above example is

One can also specify in this node if the texture is to be repeated for each of the faces of the shape. The following figure shows an example for a single square face using the same image as above for texturing:

As you can see from the above example the image can be repeated verticaly, horizontaly, both, or none.

There is still more, you can translate, and rotate the texture as the next figure shows.

In the above example the number of images is set to 4 in both dimensions, the image is translated (see the lower left corner), and finally the texture is rotated roughly 45 degrees (remember that in VRML the angles are measured in radians, the rotation in radians use was 0.75).

In order to fully understand the the understanding of the texture coordinate system is needed. A texture is represented in a 2-D coordinate system (s,t) that ranges from 0 to 1 in both directions.

The geometric operations mentioned above, scale, translation, and rotation, are aplied in this coordinate system.

See the TextureTransform and TextureCoordinate (only applies to IndexedFaceSet and ElevationGrid) for more detailed information.

Combining Textures with Materials

Image Types

  • color: The shape's diffuse color specified in the Material node is ignored.
  • grayscale: The image's gray values are multiplied by the diffuse color.
  • The following image shows a grayscale image applied to 4 cubes with different diffuse colors: red, green, blue and white.

    Transparency

    Some file formats support transparency levels for pixels. PNG fully implements this concept. Not all GIF formats support pixel transparency level, instead a color can be selected to be transparent. JPEG file format does not support transparency information.

    When using an image with pixel transparency, the transparency level overrides the transparency of the Material node. JPEG file format does not support transparency information.