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^} CPS۳E]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=#K]

PixelTexture Node


This node specifies the location of the image to be used for texturing the shape, as well as if the image is to be repeated vertically, or horizontally, along each of the faces of the shape.

Three fields are present in this node:
  • image which defines the image using pixels.
  • repeatS which specifies if the image is to be repeated vertically.
  • repeatT which specifies if the image is to be repeated horizontally.
  • The first three values of the image field define the width of the image (in pixels), the height of the image (in pixels), and the number of bytes used for each pixel. Possible values for the number of bytes are:
  • 1: Grayscale
  • 2: Grayscale with alpha channel for transparency
  • 3: RGB
  • 4: RGB with alpha channel for transparency
  • All fields are optional, the default values being applied if the field is not specified. Note: if you do not specify the image field, then no texturing takes place.

    Specifying an image pixel by pixel may seem like hard work, however some interesting effects can be achieved with little effort. For example see the following PixelTexture node:

    PixelTexture { image 2 1 1 0 255}

    Note that the color values for the PixelTexture node range from 0 to 255, as opposed to 0 to 1 as in the VRML color model used for all the other nodes.

    This node specifies an image with two pixels wide, 1 pixel tall, the first pixel is black, and the second is white. If this image is applied as a texture to a face then, because the image is scaled to fit the face, a gradient should be displayed starting from black on the left side and progressively turning to white as the right side is reached (note: some browsers do not yet implement this feature and instead will produce a two color image, the left half black and the right half white).

    This node can also be used to create patterns, although a pattern editor is probably the best option for this task.

    Syntax:
    PixelTexture {
    image 0 0 0
    repeatS TRUE
    repeatT TRUE
    }


    Note: for the example on the right the image will be repeated twice in each direction if the values for repeatS and repeatT are set ot TRUE. See the node TextureTransform to see how to set the repetition rate.